html, body{margin:0px; height:100%}
#map {height: 100%;}
.headerimg {background: center top no-repeat; width:100%; height:443px; position:absolute}
#header {height:443px; position:relative; filter:alpha(opacity=90); opacity:0.90}
.bcg{background-position:top, center; background-repeat:no-repeat}
.bcg2{background-position:center; background-repeat:no-repeat; background-size:cover}
.product{ width:148px; height:205px; border:#CCC; border-style:solid; border-width:1px;}
#footer{font-family:open_sansregular, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; line-height:20px; text-decoration:none}
.footer{font-family:open_sansregular, Arial, Helvetica, sans-serif; color:#999999; font-size:12px; line-height:20px; text-decoration:none}
.footer2{font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px}
a:link.footer2 {color: #ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:active.footer2 {color: #ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:visited.footer2 {color: #ffffff; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover.footer2 {color: #ffffff; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.footer3{font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px}
a:link.footer3 {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:active.footer3 {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
a:visited.footer3 {color: #999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a:hover.footer3 {color: #999999; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.ph {font-family:eurostilemedium, Arial, Helvetica, sans-serif; color:#333333; font-size:16px; line-height:26px; text-decoration:none}
.ph2 {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:16px; line-height:26px; text-decoration:none}
.ph3 {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px; line-height:20px; text-decoration:none}
.e {font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size: 16px; color: #339900; line-height:26px; text-decoration:none}
a:hover.e {color: #333333; text-decoration:underline}
.menu {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:14px}
a:link.menu {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:14px}
a:active.menu {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px}
a:visited.menu {color: #000000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:14px}
a:hover.menu {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:14px}
.menu2 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:34px}
a:link.menu2 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:34px}
a:active.menu2 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:34px}
a:visited.menu2 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:34px}
a:hover.menu2 {color: #999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:34px}
.menu3 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px}
a:link.menu3 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px}
a:active.menu3 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px}
a:visited.menu3 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px}
a:hover.menu3 {color: #999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px}
.menu4 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px}
a:link.menu4 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:20px}
a:active.menu4 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:20px}
a:visited.menu4 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:20px}
a:hover.menu4 {color: #999999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:20px}
.p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; line-height:24px}
a:link.p {color: #666666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px}
a:active.p {color: #666666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px}
a:visited.p {color: #666666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px}
a:hover.p {color: #666666; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height:24px}
.p2 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height:28px}
.p3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height:24px}
a:hover.p3 {color: #669900}
.p4 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; line-height:26px}
a:link.p4 {color: #149390; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height:26px}
a:active.p4 {color: #149390; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height:26px}
a:visited.p4 {color: #149390; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height:26px}
a:hover.p4 {color: #ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height:26px}
.title {font-family: eurostileextendedtwo, Arial, Helvetica, sans-serif; font-size: 18px; color: #149390; line-height:28px}
.title3 {font-family: eurostileextendedtwo, Arial, Helvetica, sans-serif; font-size: 24px; color: #ffffff; line-height:34px}
.title4 {font-family: eurostileextendedtwo, Arial, Helvetica, sans-serif; font-size: 30px; color: #149390}
.title5 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #999999}
.title6 {font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #009999}
.registertext {font-family:open_sansregular, Helvetica, sans-serif; width:318px; height:48px; overflow:auto; font-size: 18px; color:#999999; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#cccccc}
.message{text-transform:none; width:318px; height:180px; overflow:auto; font-family:open_sansregular, Arial, Helvetica, sans-serif; font-size:14px; color:#333333; background-color:#ffffff; border-width:1px; border-color:#cccccc}
.button{border-style:none; background-position:center; background:url(../images/bcg_btm.jpg); width:120px; height:59px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; cursor:pointer}
.btn {
width:300px;
height:40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
-webkit-filter: brightness(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
background-color: #149390;
border-style:none;
color: #ffffff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
cursor:pointer;
}
.btn:hover {
-webkit-filter: brightness(100%);
background-color: #333;
}
.btn2 {
width:106px;
height:40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
-webkit-filter: brightness(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
background-color: #009999;
border-style:none;
color: #ffffff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
cursor:pointer;
}
.btn2:hover {
-webkit-filter: brightness(100%);
background-color: #333;
}
.btn3 {
width:116px;
height:40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
-webkit-filter: brightness(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
background-color: #000000;
border-style:none;
color: #ffffff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
cursor:pointer;
}
.btn3:hover {
-webkit-filter: brightness(100%);
background-color: #666666;
}
/* Make Header Sticky */
#header_container {border:0px; height:130px; left:0; position:fixed; width:100%; top:0; z-index:9999;}
#header_content{ line-height:20px; margin:0 auto; width:100%; text-align:center; z-index:9999;}
/* Back to Top */
#elevator_item {
width: 63px;
height: 63px;
position: fixed;
right: 0px;
bottom: 0px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 63px;
height: 63px;
background: url(img/icon_top.png) center center no-repeat;
background-color: #000000;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}
/* component */
/* General styles for all menus */
.cbp-spmenu {
background: #dedede;
position: fixed;
}
.cbp-spmenu h3 {
color: #ffffff;
font-size: 1.5em;
padding: 15px;
margin: 0;
font-weight: 300;
background: #149390;
font-family:open_sansregular, Arial, Helvetica, sans-serif;
}
.cbp-spmenu a {
display: block;
color: #000000;
font-size: 0.9em;
font-weight: 300;
}
.cbp-spmenu a:hover {
background: #149390;
color: #ffffff;
}
.cbp-spmenu a:active {
background: #149390;
color: #ffffff;
}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 200px;
height: 100%;
top: 0;
z-index: 1000;
}
.cbp-spmenu-vertical a {
border-bottom: 0px solid #9d877b;
padding: 0.5em;
}
.cbp-spmenu-horizontal {
width: 100%;
height: 200px;
left: 0;
z-index: 1000;
overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}
.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #ffa286;
}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
left: -200px;
}
.cbp-spmenu-right {
right: -200px;
}
.cbp-spmenu-left.cbp-spmenu-open {
left: 0px;
}
.cbp-spmenu-right.cbp-spmenu-open {
right: 0px;
}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {
top: -150px;
}
.cbp-spmenu-bottom {
bottom: -150px;
}
.cbp-spmenu-top.cbp-spmenu-open {
top: 0px;
}
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom: 0px;
}
/* Push classes applied to the body */
.cbp-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.cbp-spmenu-push-toright {
left: 240px;
}
.cbp-spmenu-push-toleft {
left: -240px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/* Example media queries */
@media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {
font-size: 75%;
height: 110px;
}
.cbp-spmenu-top {
top: -110px;
}
.cbp-spmenu-bottom {
bottom: -110px;
}
}
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {
font-size: 90%;
width: 190px;
}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft {
left: -190px;
}
.cbp-spmenu-right {
right: -190px;
}
.cbp-spmenu-push-toright {
left: 190px;
}
}
@font-face {
font-family: 'eurostileextendedtwo';
src: url('../font/euex___-webfont.eot');
src: url('../font/euex___-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/euex___-webfont.woff2') format('woff2'),
url('../font/euex___-webfont.woff') format('woff'),
url('../font/euex___-webfont.ttf') format('truetype'),
url('../font/euex___-webfont.svg#eurostileextendedtwo') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'eurostilemedium';
src: url('../font/eu_____-webfont.eot');
src: url('../font/eu_____-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/eu_____-webfont.woff2') format('woff2'),
url('../font/eu_____-webfont.woff') format('woff'),
url('../font/eu_____-webfont.ttf') format('truetype'),
url('../font/eu_____-webfont.svg#eurostilemedium') format('svg');
font-weight: normal;
font-style: normal;
}
.appleLinks a {color: #333333; text-decoration:none; font-family:josefin_sansbold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:26px;}
.appleLinksWhite a {color: #333333; text-decoration:none; font-family:josefin_sansbold, Arial, Helvetica, sans-serif; font-size: 16px; line-height:26px;}
.table{
background-color:#d7d1b9;
border:0px;
padding: 10px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height:20px}
.table2{
background-color:#ffffff;
border:0px;
padding: 10px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height:20px}
.table3{
background-color:#ede7d7;
border:0px;
padding: 10px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height:20px}
.table4{
background-color:#ffffff;
padding: 10px 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height:20px}