@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(/fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
html {
    width: 100%;
    height: 100%;
}
body {
background: url("/../images/bg.jpg") no-repeat scroll 0 0 / cover  rgb(103,157,217);

background-image: url("/../images/bg.jpg");
background-color: rgb(103,157,217);
background-repeat: no-repeat;
background-size: cover;

color: #333333;
text-align: center;
}

.darkblue { color: #00489a; text-shadow: 1px 1px 1px #a5bfdd; }

#retailer-login {
background: none repeat scroll 0 0 #00489A;
border-radius: 1.25em 1.25em 1.25em 1.25em;
color: #FFFFFF;
font-size: 0.85em;
font-family: arial;
font-weight: 700;
padding: 1.25em;
top: 0;
}
#retailer-login:hover {
background: #6aa1d7;
}
#logo {
display: block;
max-height: 150px;
max-width: 480px;
}

.btn {
background: none repeat scroll 0 0 #00489A;
border-radius: 1.25em 1.25em 1.25em 1.25em;
color: #FFFFFF;
font-size: 0.85em;
font-family: arial;
font-weight: 700;
padding: 1.25em;
top: 0;
margin-top: .3em;
cursor: pointer;
display: block;
}
a .btn { color: #fff; }
a .btn:hover { color: #f00;}

.header {
font-size: 1em;
font-weight: 700;
font-family: arial;
margin-bottom: .5em;
margin-top: .5em;
}

.pics {  
	margin: 0;
	padding: 0; 
} 
 
.pics img {  
    padding: .5em;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  100%;  
    /* height: 100%; */  
    top:  0; 
    left: 0;
    cursor: pointer;
} 
.pics span {
  display: none;
  font-family: arial;
  font-size: 1em;
  margin-top: 0.5em;
}
#s5 > div {
  display: inline-table;
  padding: 0em;
  width: 24%;
}
.color { display: none;}
.footer {
background: none repeat scroll 0 0 #679DD9;
padding-top: 0.75em;
position: static;
width: 100%;
color: #fff;
font-family: arial;
line-height: 1.25em;
height: 125px;
}
.footer a {
color: #fff;
}

#tabs-1 li {
line-height: 1.35em;
list-style: square inside none;
text-align: left;
}
.main-content p {
background: none repeat scroll 0 0 #00489A;
border-radius: 8px 8px 8px 8px;
color: white;
font-family: arial;
font-size: 1.33em;
line-height: 1.4em;
overflow: auto;
padding: 15px;
min-height: 460px;
}

.news-title {
display: block;
font-family: arial;
font-variant: small-caps;
font-weight: bold;
}
.news-body {
font-family: arial;
font-size: 0.8em;
}
.news-item {
border: 1px solid gray;
display: block;
margin-bottom: 1em;
padding: 10px;
}

.case {
	background: none repeat scroll 0 0 #DDDDDD;
	border-radius: 8px 8px 8px 8px;
	color: #00489A;
	font-weight: bold;
	height: 100%;
	line-height: 1.2em;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0.6em;
	width: 100%;
}

.testimonial {
  background: none repeat scroll 0 0 #679DD9;
  color: white;
  font-family: arial;
  font-size: 0.75em;
  font-weight: bold;
  margin-left: 0.8em;
  margin-right: 0.8em;
  padding: 0.3em;
  position: relative;
  top: -2.5em;
  z-index: 1;
  display: none;
}
.title {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 2em;
	line-height: 2em;
}