/*
body			{ font-family: Tahoma, Times, serif; font-style: normal; font-size: 12pt; line-height: 140%;}
.header			{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background-color: #ffffff; height: 140px; color:#007BB7; margin:0; line-height: 80%;}
.header table 	{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; margin:0; line-height: 80%;}

.headertop			{ background-color: #0B50C1; color:#ffffff; font-size: 12px;}
.headertop a	{ color:#ffffff; font-size: 12px;}
.headertop a:hover 	{ color:#FBBC05; font-size: 12px;}

.headergray			{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background-color: #f5f5f5;}
.headergray table 	{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#000066;}
.headergray a:hover 	{ color:#FF0000;}

.footer			{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background-color: #0B50C1; }
.footer table 	{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; padding: 10px 10px 10px 10px; color:#ffffff;}
.footer label 	{ display: inline-block; text-align: left; width: 90px; font-weight: bold;}
*/
.table.tablex, table.tablex th, table.tablex td {
  border: 6px solid white;
  /*border-collapse: collapse;*/
  font-size: 10pt;
}
.table.tablexx, table.tablexx th, table.tablexx td {
  border: 4px solid white;
  font-size: 9pt;
  /*border-collapse: collapse;*/
}

.divx {
  background-color: #CC0000;
  width: auto;
  border-top: 15px solid #f5f5f5;
  border-bottom: 15px solid #f5f5f5;
  padding: 15px;
  margin: 15px;
  /*font-size: 22px;
  font-weight: Bold;*/
  color: white;
  text-align: center;
}

.divx a {
  color: white;
  text-decoration: none;
}

.divx:hover {
  background: #0000FF;
  color: white;
}

.divxx {
  background-color: #0000FF;
  width: auto;
  border-top: 15px solid #f5f5f5;
  border-bottom: 15px solid #f5f5f5;
  padding: 15px;
  margin: 15px;
  /*font-size: 22px;
  font-weight: Bold;*/
  color: white;
  text-align: center;
}

.divxx a {
  color: white;
  text-decoration: none;
}

.divxx:hover {
  background: #339900;
  color: white;
}

h1 	{ line-height: 150%;}

div.mainler {overflow:auto}

* {
  box-sizing: border-box;
  margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
}
.left {
  float:left;
  width:10%;
  padding:5px;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
}
.right {
  /*background-color:#e5e5e5;*/
  float:left;
  width:10%;
  padding:5px;
  margin-top:15px;
  margin-bottom:15px;
  text-align:left;
}
.menu {
  float:left;
  width:10%;
  padding:5px;
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
}
.menu a {
  background-color:#0B50C1;
  padding:8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}
.main {
  float:left;
  width:80%;
  padding:0 5px;
  background-color:#ffff;
    line-height: 1,75;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 12px;
}

.topnav a:hover {
  background-color: #0B50C1;
  color: white;
}

.active {
  background-color: #0B50C1;
  color: white;
}

.topnav .icon {
  display: none;
}

.topnavx {
  overflow: hidden;
  background-color: #333;
}

.topnavx a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 12px;
}

.topnavx a:hover {
  background-color: #0B50C1;
  color: white;
}

.activex {
  background-color: #0B50C1;
  color: white;
}
.topnavx .icon {
  display: none;
}

.flex-container {
  display: flex;
  background-color: f5f5f5;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 5px;
  padding: 5px;
}
div.solid {border-style: solid; border-width: 1px; width:25%}

.black121 		{ font-family: Arial, Tahoma; font-size: 12pt; color: #000000; }
.black121 bold 		{ font-family: Arial, Tahoma; font-size: 12pt; font-weight: bold; color: #000000; }
.black121 a:link 	{ font-family: Arial, Tahoma; font-size: 12pt; color: #000000; text-decoration: none; }
.black121 a:visited 	{ font-family: Arial, Tahoma; font-size: 12pt; color: #000000; text-decoration: none; }
.black12 a:hover 	{ font-family: Arial, Tahoma; font-size: 12pt; color: #CC0000; text-decoration: none; }
.black121 a:active 	{ font-family: Arial, Tahoma; font-size: 12pt; color: #000000; text-decoration: none; }
.black121 table 		{ font-family: Arial, Tahoma; font-size: 10pt; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 0px solid #EFEFEF; }
.black121 th    		{ font-family: Arial, Tahoma; font-size: 10pt; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 0px solid #EFEFEF; }
.black121 tr    		{ font-family: Arial, Tahoma; font-size: 10pt; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 0px solid #EFEFEF; }	
.black121 td			{ font-family: Arial, Tahoma; font-size: 10pt; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom: 0px solid #EFEFEF; }

button.accordion { background-color: #FFEDA4; color: #000; text-shadow: 1px 1px 1px #fff; cursor: pointer; padding: 15px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; }
button.accordion.active, button.accordion:hover { background-color: #FFCC00; }
button.accordion:after { content: '\25bc Quick View'; color: #000; font-weight: bold;float: right; margin-left: 5px; text-shadow: 1px 1px 1px #fff; }
button.accordion.active:after {content: '\25b2 Quick View'; }

button.accordionx { background-color: #f9f9f9; color: #000; text-shadow: 1px 1px 1px #fff; cursor: pointer; padding: 15px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; }
button.accordionx.active, button.accordionx:hover { background-color: #f5f5f5; }
button.accordionx:after { content: '\25bc Quick View'; color: #000; font-weight: bold;float: right; margin-left: 5px; text-shadow: 1px 1px 1px #fff; }
button.accordionx.active:after {content: '\25b2 Quick View'; }

button.accordionxx { background-color: #f9f9f9; color: #000; text-shadow: 1px 1px 1px #fff; cursor: pointer; padding: 15px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; }
button.accordionxx.active, button.accordionxx:hover { background-color: #f5f5f5; }
button.accordionxx:after { content: '\25bc Open'; color: #000; font-weight: bold;float: right; margin-left: 5px; text-shadow: 1px 1px 1px #fff; }
button.accordionxx.active:after {content: '\25b2 Close'; }

label {width:120px; display: inline-block; font-weight: bold; text-decoration: underline; }
div.panel { padding: 0 5px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
div.relative { margin-left: 31px; margin-right: 10px; padding: 15px 0px 15px 0px;}
.shadow-trans-2 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #;
}
.shadow-black-2 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #000;
}
.shadow-3 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #C6F3FF;
font-size: 11pt;
}
.shadow-4 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
box-shadow: 0 0 1px #888;
background-color: #FBBC05;
font-size: 11pt;
/*background-color: #191b20;*/
}
.shadow-5 {
-moz-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
box-shadow: 0 0 1px #888;
background-color: #F5F5F5;
font-family: Arial, Tahoma; 
font-size: 10pt;
}
.shadow-headline {
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
padding: 20px;
background-color: red;
font-size: 16pt;
color: white;
text-align:center;
font-weight: bold;
text-shadow: 1px 1px 1px #000000;
}
.shadow-headline1 {
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
padding: 5px;
background-color: #f0f7fa;
font-size: 16pt;
color: #1e73be;
text-align:center;
/*font-weight: bold;*/
/*text-shadow: 1px 1px 1px #000000;*/
}
.shadow-headline1:hover {
background-color: #FFF9DF;
color: #1e73be;
text-align:center;
}
.shadow-headlinemobile {
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
padding: 3px;
background-color: #f0f7fa;
font-size: 10pt;
color: #1e73be;
text-align:center;
/*font-weight: bold;*/
/*text-shadow: 1px 1px 1px #000000;*/
}
.shadow-headline1:hover {
background-color: #FFF9DF;
color: #1e73be;
text-align:center;
}
.shadow-6 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
box-shadow: 0 0 1px #888;
background-color: #e9e9e9;
}
.shadow-imagebox {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
box-shadow: 0 0 1px #888;
background-color: #e9e9e9;
padding:5px 0px 5px 0px;
}
.shadow-7 {
-moz-border-radius: 2px;
border-radius: 2px;
/*-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;*/
background-color: #336699;
}
/*Green*/
.shadow-8 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
/*background-color: #33CC00;*/
}
.shadow-top {
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #ffffff;
}

.shadow-price {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
box-shadow: 0 0 2px #000;
background-color: #d9312d;
}

.shadow-menu {
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
}

.shadow-bottom {
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #ffffff;
}

.shadowimage {
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}
.shadowimage-1 {
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px #888;
box-shadow: 0 0 5px #888;
}
.headline-shadow {
text-shadow: 2px 2px #000000;
color:#FFFF00;
font-size:14pt;
}
.hr {
border: 1px solid #cccccc;
}
.btn {
  background: #3498db;
	border: solid #3498db 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
	box-shadow: 0 0 2px #888;
  font-family: Verdana, Arial, Tahoma;
  color: #ffffff;
  font-size: 10pt;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}
.btn:hover {
  background: #60AA45;
  border: solid #60AA45 1px;
  text-decoration: none;
}
.frm  { 
	border: solid #3498db 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 2px #888;
	-webkit-box-shadow: 0 0 2px #888;
	box-shadow: 0 0 2px #888;
font-family: Verdana, Arial, Tahoma; 
font-size: 11pt;
color: #000000;
  padding: 5px 10px 5px 10px;
background-color: #; 
} 
.button_registerlogin{
border:1px solid #0072C6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 6px 6px 6px 6px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
color: #FFFFFF;
min-width: 100%;
max-width: 100%;
min-height: 40px;
max-height: 40px;
 background-color: #0072C6;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0072C6), to(#0072C6));
 background-image: -webkit-linear-gradient(top, #0072C6, #0072C6);
 background-image: -moz-linear-gradient(top, #0072C6, #0072C6);
 background-image: -ms-linear-gradient(top, #0072C6, #0072C6);
 background-image: -o-linear-gradient(top, #0072C6, #0072C6);
 background-image: linear-gradient(to bottom, #0072C6, #0072C6);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0072C6, endColorstr=#0072C6);
 cursor: pointer;
}

.button_registerlogin:hover{
 border:1px solid #1E82CC;
 background-color: #1E82CC; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#1E82CC), to(#1E82CC));
 background-image: -webkit-linear-gradient(top, #1E82CC, #1E82CC);
 background-image: -moz-linear-gradient(top, #1E82CC, #1E82CC);
 background-image: -ms-linear-gradient(top, #1E82CC, #1E82CC);
 background-image: -o-linear-gradient(top, #1E82CC, #1E82CC);
 background-image: linear-gradient(to bottom, #1E82CC, #1E82CC);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1E82CC, endColorstr=#1E82CC);
 cursor: pointer;
}

.button_yellow{
border:1px solid #FFCC00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 6px 6px 6px 6px;
text-decoration:none;
display:inline-block;
font-weight:bold;
color: #000;
min-width: 230px;
max-width: 230px;
 background-color: #FFCC00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#FFCC00));
 background-image: -webkit-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -moz-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -ms-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -o-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: linear-gradient(to bottom, #FFCC00, #FFCC00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCC00, endColorstr=#FFCC00);
 cursor: pointer;
}

.button_yellow:hover{
 border:1px solid #FFE680;
 background-color: #FFE680; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE680), to(#FFE680));
 background-image: -webkit-linear-gradient(top, #FFE680, #FFE680);
 background-image: -moz-linear-gradient(top, #FFE680, #FFE680);
 background-image: -ms-linear-gradient(top, #FFE680, #FFE680);
 background-image: -o-linear-gradient(top, #FFE680, #FFE680);
 background-image: linear-gradient(to bottom, #FFE680, #FFE680);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE680, endColorstr=#FFE680);
 cursor: pointer;
}

.button_yellow1{
border:1px solid #FFCC00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
padding: 6px 6px 6px 6px;
text-decoration:none;
display:inline-block;
font-weight:bold;
color: #000;
min-width: 270px;
max-width: 270px;
min-height: 30px;
max-height: 30px;
 background-color: #FFCC00;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCC00), to(#FFCC00));
 background-image: -webkit-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -moz-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -ms-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: -o-linear-gradient(top, #FFCC00, #FFCC00);
 background-image: linear-gradient(to bottom, #FFCC00, #FFCC00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCC00, endColorstr=#FFCC00);
 cursor: pointer;
}

.button_yellow:hover1{
 border:1px solid #FFE680;
 background-color: #FFE680; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE680), to(#FFE680));
 background-image: -webkit-linear-gradient(top, #FFE680, #FFE680);
 background-image: -moz-linear-gradient(top, #FFE680, #FFE680);
 background-image: -ms-linear-gradient(top, #FFE680, #FFE680);
 background-image: -o-linear-gradient(top, #FFE680, #FFE680);
 background-image: linear-gradient(to bottom, #FFE680, #FFE680);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE680, endColorstr=#FFE680);
 cursor: pointer;
}

.button_blue{
border:1px solid #49C0F0; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:12px;
font-family:arial, helvetica, sans-serif; 
padding: 6px 6px 6px 6px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
min-width: 100%;
max-width: 100%;
min-height: 40px;
max-height: 40px;
 background-color: #49C0F0; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#49C0F0), to(#49C0F0));
 background-image: -webkit-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -moz-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -ms-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -o-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: linear-gradient(to bottom, #49C0F0, #49C0F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49C0F0, endColorstr=#49C0F0);
 cursor: pointer;
}


.button_blue:hover{
 border:1px solid #2CAFE3;
 background-color: #2CAFE3; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2CAFE3), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -moz-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -ms-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -o-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: linear-gradient(to bottom, #2CAFE3, #2CAFE3);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2CAFE3, endColorstr=#2CAFE3);
 cursor: pointer;
}

.button_blue1{
border:1px solid #49C0F0; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:13px;
padding: 6px 6px 6px 6px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
min-width: 260px;
max-width: 260px;
min-height: 50px;
max-height: 50px;
 background-color: #49C0F0; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#49C0F0), to(#49C0F0));
 background-image: -webkit-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -moz-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -ms-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: -o-linear-gradient(top, #49C0F0, #49C0F0);
 background-image: linear-gradient(to bottom, #49C0F0, #49C0F0);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49C0F0, endColorstr=#49C0F0);
 cursor: pointer;
}


.button_blue1:hover{
 border:1px solid #2CAFE3;
 background-color: #2CAFE3; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#2CAFE3), to(#2CAFE3));
 background-image: -webkit-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -moz-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -ms-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: -o-linear-gradient(top, #2CAFE3, #2CAFE3);
 background-image: linear-gradient(to bottom, #2CAFE3, #2CAFE3);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2CAFE3, endColorstr=#2CAFE3);
 cursor: pointer;
}

.button_red{
border:1px solid #d9312d; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:16px;
font-family:arial, helvetica, sans-serif; 
padding: 6px 6px 6px 6px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
min-width: 230px;
max-width: 230px;
min-height: 40px;
max-height: 40px;
 background-color: #d9312d; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d9312d), to(#d9312d));
 background-image: -webkit-linear-gradient(top, #d9312d, #d9312d);
 background-image: -moz-linear-gradient(top, #d9312d, #d9312d);
 background-image: -ms-linear-gradient(top, #d9312d, #d9312d);
 background-image: -o-linear-gradient(top, #d9312d, #d9312d);
 background-image: linear-gradient(to bottom, #d9312d, #d9312d);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9312d, endColorstr=#d9312d);
  cursor: pointer;
}


.button_red:hover{
 border:1px solid #9C201D;
 background-color: #9C201D; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9C201D), to(#9C201D));
 background-image: -webkit-linear-gradient(top, #9C201D, #9C201D);
 background-image: -moz-linear-gradient(top, #9C201D, #9C201D);
 background-image: -ms-linear-gradient(top, #9C201D, #9C201D);
 background-image: -o-linear-gradient(top, #9C201D, #9C201D);
 background-image: linear-gradient(to bottom, #9C201D, #9C201D);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9C201D, endColorstr=#9C201D);
  cursor: pointer;
}

.button_bookonline{
border:1px solid #33CC00; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:22pt;
font-family:arial, helvetica, sans-serif; 
padding: 6px 6px 6px 6px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
min-width: 100%;
max-width: 100%;
min-height: 100px;
max-height: 100px;
 background-color: #33CC00; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#33CC00), to(#33CC00));
 background-image: -webkit-linear-gradient(top, #33CC00, #33CC00);
 background-image: -moz-linear-gradient(top, #33CC00, #33CC00);
 background-image: -ms-linear-gradient(top, #33CC00, #33CC00);
 background-image: -o-linear-gradient(top, #33CC00, #33CC00);
 background-image: linear-gradient(to bottom, #33CC00, #33CC00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33CC00, endColorstr=#33CC00);
 cursor: pointer;
}


.button_bookonline:hover{
color: #000;
 border:1px solid #33FF00;
 background-color: #33FF00; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#33FF00), to(#33FF00));
 background-image: -webkit-linear-gradient(top, #33FF00, #33FF00);
 background-image: -moz-linear-gradient(top, #33FF00, #33FF00);
 background-image: -ms-linear-gradient(top, #33FF00, #33FF00);
 background-image: -o-linear-gradient(top, #33FF00, #33FF00);
 background-image: linear-gradient(to bottom, #33FF00, #33FF00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33FF00, endColorstr=#33FF00);
 cursor: pointer;
}

.button_bookonlinesmall{
border:1px solid #33CC00; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px;
border-radius: 3px;
font-size:16pt;
font-family:arial, helvetica, sans-serif; 
padding: 6px 6px 6px 6px; 
text-decoration:none; 
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold; 
color: #FFFFFF;
min-width: 130px;
max-width: 130px;
min-height: 180px;
max-height: 180px;
 background-color: #33CC00; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#33CC00), to(#33CC00));
 background-image: -webkit-linear-gradient(top, #33CC00, #33CC00);
 background-image: -moz-linear-gradient(top, #33CC00, #33CC00);
 background-image: -ms-linear-gradient(top, #33CC00, #33CC00);
 background-image: -o-linear-gradient(top, #33CC00, #33CC00);
 background-image: linear-gradient(to bottom, #33CC00, #33CC00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33CC00, endColorstr=#33CC00);
 cursor: pointer;
}


.button_bookonlinesmall:hover{
color: #000;
 border:1px solid #33FF00;
 background-color: #33FF00; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#33FF00), to(#33FF00));
 background-image: -webkit-linear-gradient(top, #33FF00, #33FF00);
 background-image: -moz-linear-gradient(top, #33FF00, #33FF00);
 background-image: -ms-linear-gradient(top, #33FF00, #33FF00);
 background-image: -o-linear-gradient(top, #33FF00, #33FF00);
 background-image: linear-gradient(to bottom, #33FF00, #33FF00);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#33FF00, endColorstr=#33FF00);
 cursor: pointer;
}

.shadow-front-1 {
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #;
}
.shadow-front-2 {
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 0 0 2px #888;
-webkit-box-shadow: 0 0 2px #888;
box-shadow: 0 0 2px #888;
background-color: #;
font-size: 11pt;
}
.shadow-front-3 {
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 1px #888;
-webkit-box-shadow: 0 0 1px #888;
box-shadow: 0 0 1px #888;
background-color: #e9e9e9;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted #E21D23;
	align:center;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #E21D23;
    font-size: 9pt;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 15px 15px 15px 15px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -62px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #E21D23 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.container {
    position: relative;
}

.bottomright {
    background: #B0CB1F;
	padding: 0px 10px 0px 10px;
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-size: 20px;
    font-weight: bold;
    color: black;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 0.8;
}
.bottomright:hover {
background: #0000FF;
    color: white;
opacity: 1;
} 
.bottomright1 {
    background: #E31E24;
	padding: 0px 10px 0px 10px;
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-size: 20px;
    font-weight: normal;
    color: white;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 0.8;
}
.bottomright1:hover {
background: #0000FF;
    color: white;
opacity: 1;
}
.price table {
    border-collapse: collapse;
    width: 100%;
}

.price th {
	background-color: #749926;
    color: white;
    text-align: left;
    padding: 8px;
	font-size: 13pt;
	text-shadow: 1px 1px 2px #000000;
}

.price td {
    text-align: left;
    padding: 8px;
	font-size: 13pt;
}

.price tr:nth-child(even){
	background-color: #C6E498;
}
.pickup { font-size: 100%;  }
.pickup table 		{ border-collapse: collapse;  width: 100%;}
.pickup th, td    		{ padding: 4px;}
.pickup tr:nth-child(even){background-color: #f2f2f2;}	
/*.pickup tr:hover {background-color:#FFFFCC; font-weight: bold;}*/
.pickup tr:hover {background-color:#FFFFCC;}
.pickup th 	{ background-color: #4CAF50; color: white;}


/* STRUCTURE */
* {
  box-sizing: border-box;
}
.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 4px;
}
.column {
	float:left;
	border: 1px solid #808080;
  width:48%;
  text-align:left;
   padding:10px;
   margin:4px;
	/*-moz-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
	-moz-box-shadow: 0 0 2px #FFE377;
	-webkit-box-shadow: 0 0 2px #FFE377;
	box-shadow: 0 0 2px #FFE377;
	background-color: #FFE377;*/
}
.column1 {
	float:left;
	border: 1px solid #808080;
  width:48%;
  text-align:left;
   padding:10px;
   margin:4px;
	/*-moz-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 10px 0px 10px;
	-moz-box-shadow: 0 0 2px #f2f2f2;
	-webkit-box-shadow: 0 0 2px #f2f2f2;
	box-shadow: 0 0 2px #f2f2f2;
	background-color: #f2f2f2;*/
}
.column2 {
	float:left;
	border: 1px solid #FF0000;
  width:96%;
  text-align:center;
   padding:10px;
   margin:4px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-box-shadow: 0 0 2px #FF0000;
	-webkit-box-shadow: 0 0 2px #FF0000;
	box-shadow: 0 0 2px #FF0000;
	background-color: #FF0000;
}
.column3 {
	float:left;
	border: 1px solid #1AA1FF;
  width:96%;
  text-align:center;
   padding:5px;
   margin:4px;
   color:#ffffff;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-box-shadow: 0 0 2px #1AA1FF;
	-webkit-box-shadow: 0 0 2px #1AA1FF;
	box-shadow: 0 0 2px #1AA1FF;
	background-color: #1AA1FF;
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  /* For mobile phones: */
  .menu, .main, .right, div.solid {
    width:100%;
  }
       h1 { font-size: 18px !important; }
       h2 { font-size: 14px !important; }
       h3 { font-size: 12px !important; }
	   
 .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnavx.responsive {position: relative;}
  .topnavx.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnavx.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	
}
  
@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right, div.solid { width:100%; }
  .column, .column1, .column2, .column3 { width:98%; }
       h1 { font-size: 18px !important; }
       h2 { font-size: 14px !important; }
       h3 { font-size: 12px !important; }

 .topnav a:not(:first-child) {display: none;}
 .topnav a.icon { float: right; display: block; }
 .topnavx a:not(:first-child) { display: none; }
 .topnavx a.icon { float: right; display: block; }
 }
 
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnavx.responsive {position: relative;}
  .topnavx.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnavx.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
       h1 { font-size: 18px !important; }
       h2 { font-size: 14px !important; }
       h3 { font-size: 12px !important; }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnavx.responsive {position: relative;}
  .topnavx.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnavx.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
       h1 { font-size: 18px !important; }
       h2 { font-size: 14px !important; }
       h3 { font-size: 12px !important; }
}