/* 
    Created on : Jun 14, 2017, 3:49:15 PM
    Author     : Andreas
*/

@import "notemsmain.css";

/*---------notems---------------------*/
.h-bot {
  background-size: cover;
  background-color:white;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 25% 25%;
  position:relative;
}

a {
text-decoration:none;	
cursor:pointer;
}
#passwordemailerror{
background:#be4b49;color:#fff;padding-left:5px;    
}
#dispnameleft{
width:450px;
}
#dispnameleft h1{
margin:0;    
color:#fff;
font-size:45px; 
font-weight: bold;
}

.sitenamesec{
font-weight:normal;color:#fec002; 
}
.sitenamesec:hover{
color:white;    
}
.imgwrap{
width:125px;border:none;margin-right:20px;	
}

.infpres{
color:black;margin-top:10px;padding:10px;font-size:16px;    
}
.inftitle {
font: 24px/1em 'Roboto';
color: #0e1330;
margin-bottom: 0;
text-transform: uppercase;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.fliplink{
margin-right:50px;    
}
.keywords{
font-size:25px;    
}
button {
background: linear-gradient(#f00, rgba(230, 0, 0, 1)) repeat scroll 0% 0% transparent;
border: 1px solid
#CCC;
border-radius: 3px;
color:
white;
cursor: pointer;
text-transform: uppercase;
font-weight: normal;
white-space: nowrap;
padding: 8px 14px 7px;
font-size: 16px;
width: 182px;
margin: 5px 4px;
text-align: center;
}
button:hover {
background: black;
}

.brass{
font-size:16px !important;	
float:right;
}
.mscadv img{
height:370px;
width:370px;
border:0;
}
.blacktitles{
color:black;
font-weight: 600;
font-size:14px;
margin-top: 10px;
}

.select-menu {
width: 100%;
  margin: 12px auto;
  display: none;
  color: #8a95a1;
}
sitdisp{
display: block;
width:100%;
max-height:700px;
min-height: 600px;
background:#fff;
}

sitdisp img{
max-height: 700px;    
min-height: 100px;
max-width: 100%;
overflow: hidden;
}
.rcontainer{
position:relative;
}
.pcontainer{
padding:0px;
}
.active2{
color:red;    
}
.sf-menu {
  z-index: 10;
  list-style: none;
  float: left;
  padding: 0;
  white-space: nowrap;
  height: 78px;
  position:absolute;
  bottom:0px;
}
.sf-menu > li {
  position: relative;
  float: left;
  width: 185px;
  text-align: center;
}
.sf-menu > li:first-child {
  background-color: #88aff52d;
  background-image: -moz-linear-gradient(top, #91ab30, #7b9b28);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#91ab30), to(#7b9b28));
  background-image: -webkit-linear-gradient(top, #91ab30, #7b9b28);
  background-image: -o-linear-gradient(top, #91ab30, #7b9b28);
  background-image: linear-gradient(to bottom, #91ab30, #7b9b28);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91ab30', endColorstr='#ff7b9b28', GradientType=0);
}
.sf-menu > li:first-child + li {
  background-color: #ff0000;
  background-image: -moz-linear-gradient(top, #ff0000, #a50000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#a50000));
  background-image: -webkit-linear-gradient(top, #ff0000, #a50000);
  background-image: -o-linear-gradient(top, #ff0000, #a50000);
  background-image: linear-gradient(to bottom, #ff0000, #ff0000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#a50000', GradientType=0);
}
.sf-menu > li:first-child + li + li{
  background-color: #d89227;
  background-image: -moz-linear-gradient(top, #db9a29, #d38623);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#db9a29), to(#d38623));
  background-image: -webkit-linear-gradient(top, #db9a29, #d38623);
  background-image: -o-linear-gradient(top, #db9a29, #d38623);
  background-image: linear-gradient(to bottom, #db9a29, #d38623);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db9a29', endColorstr='#d38623', GradientType=0);
}
.sf-menu > li:first-child + li + li  + li {
  background-color: #0000ff;
  background-image: -moz-linear-gradient(top, #1c62d0, #1c62d0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c62d0), to(#1c62d0));
  background-image: -webkit-linear-gradient(top, #1c62d0, #1c62d0);
  background-image: -o-linear-gradient(top, #1c62d0, #1c62d0);
  background-image: linear-gradient(to bottom, #1c62d0, #1c62d0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c62d0', endColorstr='#1c62d0', GradientType=0);
}
.sf-menu > li:first-child + li + li + li + li {
  background-color: #d74a27;
  background-image: -moz-linear-gradient(top, #da4f29, #d34323);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da4f29), to(#d34323));
  background-image: -webkit-linear-gradient(top, #da4f29, #d34323);
  background-image: -o-linear-gradient(top, #da4f29, #d34323);
  background-image: linear-gradient(to bottom, #da4f29, #d34323);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda4f29', endColorstr='#ffd34323', GradientType=0);
}
.sf-menu > li:first-child + li + li + li + li + li  {
 background-color: #b92255;
 background-image: -moz-linear-gradient(top, #be245b, #b21e4d);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#be245b), to(#b21e4d));
 background-image: -webkit-linear-gradient(top, #be245b, #b21e4d);
 background-image: -o-linear-gradient(top, #be245b, #b21e4d);
 background-image: linear-gradient(to bottom, #be245b, #b21e4d);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbe245b', endColorstr='#ffb21e4d', GradientType=0);
}
.sf-menu > li:first-child + li + li + li + li + li {
 background-color: #b92255;
 background-image: -moz-linear-gradient(top, #be245b, #b21e4d);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#be245b), to(#b21e4d));
 background-image: -webkit-linear-gradient(top, #be245b, #b21e4d);
 background-image: -o-linear-gradient(top, #be245b, #b21e4d);
 background-image: linear-gradient(to bottom, #be245b, #b21e4d);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbe245b', endColorstr='#ffb21e4d', GradientType=0);
}
.sf-menu > li:first-child + li + li + li + li + li + li {
 background-color: #FFC000;
 background-image: -moz-linear-gradient(top, #FFC000, #FFC000);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFC000), to(#FFC000));
 background-image: -webkit-linear-gradient(top, #FFC000, #FFC000);
 background-image: -o-linear-gradient(top, #FFC000, #FFC000);
 background-image: linear-gradient(to bottom, #FFC000, #FFC000);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC000', endColorstr='#FFC000', GradientType=0);
}
.sf-menu > li:first-child + li + li + li + li + li + li + li {
 background-color: #5D3FD3;
 background-image: -moz-linear-gradient(top, #5D3FD3, #5D3FDF);
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5D3FD3), to(#5D3FDF));
 background-image: -webkit-linear-gradient(top, #5D3FD3, #5D3FDF);
 background-image: -o-linear-gradient(top, #5D3FD3, #5D3FDF);
 background-image: linear-gradient(to bottom, #5D3FD3, #5D3FDF);
 background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5D3FD3', endColorstr='#5D3FDF', GradientType=0);
}
.sf-menu > li.sub-menu > a:before {
  content: " ";
  position: absolute;
  background: url(../img/menu-marker.png) 0 0 no-repeat;
  width: 5px;
  height: 7px;
  right: 50%;
  bottom: 10px;
  margin-right: 0px;
}
.sf-menu > li > a {
  position: relative;
  display: block;
}
.sf-menu > li > a > span {
  display: block;
  font: bold 21.97px 'OptimaMedium', Helvetica, Arial, sans-serif;;
  line-height: 21.97px;
  color: #ffffff;
  text-transform: lowercase;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 30px 0px 27px;
}
.sf-menu li.empty {
  display: block;
  font: bold 21.97px 'Trebuchet MS', Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 21.97px;
  color: #ffffff;
  text-transform: lowercase;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 30px 0px 27px;
  background:gray !important;
  color:lightgray;
}
.sf-menu > li.active > a > span > div{
text-decoration: underline;
}
.sf-menu > li > a:hover,
.sf-menu > li.active > a,
.sf-menu > li.sfHover > a {
  text-decoration: none;
}
.sf-menu > li > a:hover > span,
.sf-menu > li.sfHover > a > span {
  color:black;
}
.sf-menu ul {
  position: absolute;
  list-style: none;
  z-index: 999;
  width: 185px;
  top: 78px !important;
  left: 0px !important;
  display: none;
  overflow: visible;
  background: black;
}
.sf-menu ul:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 0px;
  width: 15px;
  height: 8px;
  background: url(../img/submenu_arrow.png) 0 0 no-repeat;
}
.sf-menu ul li {
  position: relative;
  margin: 0px 40px 4px;
  padding-bottom: 5px;
  background: url(../img/submenu_divider.png) 0 bottom repeat-x;
}
.sf-menu ul li.sub-menu > a:before {
  content: " ";
  position: absolute;
  background: url(../img/menu-marker_2.png) 0 0 no-repeat;
  width: 7px;
  height: 5px;
  right: 0;
  left: auto;
  bottom: 50%;
  margin-right: -13px;
  margin-bottom: -1px;
}
.sf-menu ul li:first-child {
  margin-top: 24px;
}
.sf-menu ul li.last {
  margin-bottom: 22px;
  border: none;
  padding-bottom: 0;
  background: none;
}
.sf-menu ul li a {
  display: inline-block;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  font: bold 15.99px 'OptimaMedium', Helvetica, Arial, sans-serif;
  line-height: 20px;
  color: white !important;
  background: none !important;
  text-align:center !important;
}
.submemlisting{
  display: inline-block;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  font: 15.99px 'OptimaMedium', Helvetica, Arial, sans-serif;
  color:#999;
  text-align:center !important;
  line-height: 20px;
  background: none !important;
}
.sub-menu > li.active > a > span > div{
text-decoration: underline;
}
.sf-menu ul li.sfHover > a,
.sf-menu ul li > a:hover {
  color: #959595 !important;
  background: none !important;
}
.sf-menu ul ul {
  left: 145px !important;
  top: -21px !important;
  width: 112px;
  background: url(../img/submenu_2_bg.jpg);
}
.sf-menu ul ul:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 26px;
  width: 6px;
  height: 11px;
  background: url(../img/submenu_2_arrow.png) no-repeat;
}
.sf-menu ul ul li {
  margin: 0px 22px 6px;
  padding-bottom: 5px;
}
.sf-menu ul ul li:first-child {
  margin-top: 21px;
}
.sf-menu ul ul li.last {
  margin-bottom: 20px;
}
.sf-menu ul ul li a {
  color: #888888 !important;
}
.sf-menu ul ul li.sfHover > a,
.sf-menu ul ul li > a:hover {
  color: #ffffff !important;
}
#camera_1 {
  position: relative;
  display: block;
  width: 100%;
  height: 739px;
  float: none;
  z-index: 0;
  margin: 0px 0 0 !important;
  padding-bottom: 0px;
  max-height: 739px;
}
#camera_1 .camera_fakehover {
  max-height: 739px;
}
#camera_1 .camera_caption {
  display: none;
  height: 100%;
  color: #8a95a1;
}
#camera_1 .camera_caption p {
  font: 36.01px 'Georgia', Georgia, "Times New Roman", Times, serif;
  line-height: 45px;
  color: #ffffff;
  padding: 461px 0px 0px 0px;
}
#camera_1 .camera_pag {
  display: none;
}
#camera_1 .camera_prev,
#camera_1 .camera_next {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  width: 36px;
  height: 36px;
}
#camera_1 .camera_prev span,
#camera_1 .camera_next span {
  display: none;
  background: none;
}
#camera_1 .camera_prev {
  margin-left: 512px;
  background: url(../img/arrowL.png) #000000 left center no-repeat;
}
#camera_1 .camera_prev:hover {
  background: url(../img/arrowL.png) #ffffff right center no-repeat;
}
#camera_1 .camera_next {
  margin-left: 548px;
  background: url(../img/arrowR.png) #000000 right center no-repeat;
}
#camera_1 .camera_next:hover {
  background: url(../img/arrowR.png) #ffffff left center no-repeat;
}


@media (min-width: 992px) and (max-width: 1899px) {
}
@media (min-width: 768px) and (max-width: 1091px) {
.sf-menu > li > a > span {
  padding: 10px 0px 7px;
}
.sf-menu li.empty{	 
  padding: 10px 0px 7px;
}
.sf-menu > li > a:hover > span,
.sf-menu > li.sfHover > a > span {
  padding:5px 0px;
  margin:0px 0px;
}
}

@media (max-width: 767px) {
h1.navbar-brand_{
width:100%;	
}
h1.navbar-brand_ a img {
width: 55px;
}
#searchcontainer{
border:1px solid lightblue;
width:100%;	
margin:10px 0 0 0;
}
.slc a{
font-size:12px;	
}
#login{
margin:10px 0 0 0;	
}
#responseeditor{
display:none;	
}
.h-bot {
padding-top: 21px;
padding-bottom: 8px;
}
.sitename{
font-size:15px;	
}
header .navbar-inner {
min-height: 55px;
}
.soc_icons > img {
max-width: 767px;
float:left;
  }
.select-menu {
    display: block!important;
  }
  .sf-menu {
    display: none;
  }
  
.emptymessage{
text-align:center;color:lightgray;font-size:30px;margin: 0 0 27px 0;	
}  

.emptymessagelarge{
text-align:center;color:lightgray;font-size:30px;height:100px;margin: 0 0 27px 0;	
}

.imgwrap{
width:100px;border:none;margin-right:20px;	
}

#contactemail{
text-align:center;	
}

#contactemail img{
width:80px;	
}

.reviewdisp table{
	border-spacing: 0px;
}

.reviewdisp table{
	border-spacing: 0px;
}

#participationtable{
border-spacing:0px;
font-size:35px;table-layout: auto;width:100%
}
#sizeselector{
display:block;	
margin:5px 0 5px 0;
}
#quantity{
display:block;
margin:5px 0 5px 0;
}
.quantitysize{
display:block;
margin:5px 0 5px 0 !important;
}
.notemsmemtable{
border-spacing: 0px !important;
margin:10px 100px 10px 10px;
}
.notemsmemtable .memberdesc{
width:75px;
}