@font-face {
    font-family: "Roboto"; font-weight:700; src: url("/hotdata/common_templates/fonts/Roboto-Bold.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:400; src: url("/hotdata/common_templates/fonts/Roboto-Regular.ttf");
}
@font-face {
    font-family: "Roboto"; font-weight:300; src: url("/hotdata/common_templates/fonts/Roboto-Light.ttf");
}
@font-face {
    font-family: 'Open Sans'; font-weight:700; src: url("/hotdata/common_templates/fonts/OpenSans-Bold.ttf");
}
@font-face {
    font-family: 'Open Sans'; font-weight:400; src: url("/hotdata/common_templates/fonts/OpenSans-Regular.ttf");
}
@font-face {
    font-family: 'Open Sans'; font-weight:300; src: url("/hotdata/common_templates/fonts/OpenSans-Light.ttf");
}

body {font-size: 16px; font-family:Roboto, Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333;}

.clearall {clear: both; zoom: 1;}
.clearall:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.row {clear: both; zoom: 1;}
.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {text-decoration:none; color:#3686D0}
a img {border:0;}
.img-responsive {max-width:100%; max-height:100%;}

.container-fluid {max-width:100%; margin:auto; position:relative; background-color:#eeeeef; clear: both; zoom: 1;}
.container-fluid:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.container {max-width:1000px; margin:auto; position:relative; padding:0 4%; clear: both; zoom: 1;}
.container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.text-right {text-align:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}

.bold {font-weight:bold;}
.semibold {font-weight:500;}
.italic {font-style:italic;}
.light {font-weight:300;}

.left {float:left;}
.right {float:right;}

.relative {position:relative;}

.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt130 {margin-top:130px;}
.margin-auto {margin:auto;}

.ml3 {margin-left:3px;}
.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml80 {margin-left:9em;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb-30 {margin-bottom:-30px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}

.pad1-0 {padding:1em 0;}
.pad2-0 {padding:2em 0;}
.pad5-8 {padding:10px 15px;}
.pad0-8 {padding:0px 15px 0px 15px;}
.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.p25-30 {padding: 25px 30px;}
.pl40 {padding-left: 40px;}
.pl60 {padding-left: 60px;}

.width18 {width:18%;}
.width20 {width:20%;}
.width26 {width:26%;}
.width30 {width:30%;}
.width33m {width:33%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width47 {width:47%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width80 {width:80%;}
.width88 {width:88%;}
.width88 {width:90%;}

.sup {font-size:50%; vertical-align:super;}
.uppercase {text-transform:uppercase;}
.underline {text-decoration:underline;}

.font08 {font-size:0.8em;}
.font09 {font-size:0.9em;}
.font11 {font-size:1.1em;}
.font12 {font-size:1.2em;}
.font14 {font-size:1.4em;}
.font16 {font-size:1.6em;}
.font18 {font-size:1.8em;}
.font22 {font-size:2.2em;}
.font30 {font-size:3em;}
.font35 {font-size:3.5em;}

h1, h2, h3, h4, h5 {font-family:'Open Sans', Roboto, Arial, Helvetica, sans-serif;}
h2 {font-size: 26px;}

.cat-name {padding:5px 0; font-size:26px; text-transform:uppercase; border-bottom:#CCC 1px solid; margin-top:0px;}
.cat-container {margin-top:50px;}
.cat-container:first-child {margin-top:0px;}

.cat-list2 {background-color: #fafbfc; padding: 15px 10px; margin-top: 1px;}
.cat-list2:hover {background-color: #fffdf2; transition: background-color 0.2s;}
.cat-list1 {background-color: #f2f6f8; padding: 15px 10px; margin-top: 1px;}
.cat-list1:hover {background-color: #fffdf2; transition: background-color 0.2s;}

.checkbox {float: left; width: 50px;}
.logo-container {width:200px; float: left; margin-right: 25px;}

.name-desc {float: left; width: 70%;}

.camera-img {float: right; width: 50px;}

.name {font-size: 19px;}
.desc {font-size: 16px; margin-top: 3px;}

.selected-btn {position: fixed; bottom: 0; background-color: #fff; text-align: center; width: 100%; display: none; z-index: 100;}
.btn1 {max-width: 900px; border: 2px solid #2d64a9; border-radius:4px; margin: auto; padding: 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,fffae5+100 */
background: #fcfcfc; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #fffae5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fffae5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfcfc 0%,#fffae5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fffae5',GradientType=0 ); /* IE6-9 */
}

.callouts-category img {max-width:100%; max-height:100%;}
.centered {margin-left:20%; margin-right:20%;}

.list {margin-top:30px; margin-bottom:50px;}
.list li {margin-top:6px;}

.hide-all {display:none; visibility:hidden;}

.confirm-list {margin-bottom:5px; max-width:550px; min-width:170px; margin:auto; display:block; margin-top:30px;}
.confirm-list li {margin-bottom:5px;}

.addressbox {padding:15px 20px; margin:auto; max-width:300px; min-width:170px; border:#CCC 1px solid; text-align:center; margin-top:40px;}


/*----------------------- Site related CSS ------------------------*/

.cat-list {padding:0; margin-top: -10px;}
.cat-list li {list-style:none; float:left; width:32%; margin:0 1% 1% 0; max-width: 320px; min-width: 220px; background-color:#f7f7f7; height: 55px;}
.cat-list li div {padding:10px 12px;}
.cat-list li.checkall {display:block; float:none; max-width: 100%; min-width: 100%; padding:0; background-color:transparent; margin:50px 0 15px 0; text-align:center; height: 25px; text-align: center;}

.bottom-copy {color:#999; font-size:0.8em;}
.continue {border: 1px solid #1e68ac; border-radius: 5px; color: #fff; padding: 7px 16px; font-size: 26px; background-color: #1e68ac; cursor: pointer; transition: background-color 0.2s, color 0.2s;}
.continue:hover {color: #1e68ac; background-color: #fff; border: 1px solid #1e68ac; }

.continue {border: 1px solid #1e68ac; border-radius: 5px; color: #fff; padding: 7px 13px; font-size: 18px; font-weight:bold; background-color: #1e68ac; cursor: pointer; transition: background-color 0.2s, color 0.2s; text-transform:uppercase;}
.continue:hover {color: #1e68ac; background-color: #fff; border: 1px solid #1e68ac; }

.cat-list li.blueBackground, .cat-container .blueBackground, .cat-container .blueBackground {background-color: #deebf8; -webkit-animation-name: BlueBackground; -webkit-animation-duration: 0.5s; animation-name: BlueBackground;  animation-duration: 0.5s;}

.search-boxes {margin:0 0 0 5%; padding:0 0 0 8%; border-left:1px solid #ddd;}
.search-boxes h3 {margin:0; padding:0; margin-bottom:2px; font-size:14px;}
.search-boxes input[type='text'], .search-boxes select {border:#b4b4b4 1px solid; border-top-left-radius:3px; border-bottom-left-radius:3px; padding:9px; max-width:250px; width:100%; font-size:14px;}
.search-boxes select {max-width:270px; width:100%; padding:8px;}

.search-btn {float:left;}
.search-field, .searchmodule select {float:left;}

.issuebox select {border:#b4b4b4 1px solid; border-top-left-radius:3px; border-bottom-left-radius:3px; padding:9px; /*max-width:250px;*/ width:100%; font-size:14px;}

.field {padding: 5px 0;}

.field label {
    float: left;
    font-weight: 300;
    padding-top: 7px;
    width: 30%;
	display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
	font-size: 0.9em;
}

.field input[type="text"] {
    border: 2px solid #ccc;
    border-radius: 4px;
    height: 34px;
    margin-bottom: 10px;
    width: 60%;
	padding: 0 4px;
}

.field:hover {background-color: #fffdf2;}

.styled-select {
    background: rgba(0, 0, 0, 0) url("../images/new-arrow.png") no-repeat scroll right center;
    border: 2px solid #ccc;
    height: 34px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 62%;
	border-radius: 4px;
}

.styled-select select {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    height: 30px;
    line-height: 1;
    padding: 5px;
    width: 123%;
}

.scanimage {float: right; width: 50px; text-align: center;}

.footer {margin-top: 10em; border-top: #D1D1D1 1px solid; padding-top: 20px; color: #515151; font-size: 0.75em;}

.logo_f {display: inline-block;}
.logo_f img {max-width: 120px; max-height: 100px;}
.copy_f {display: inline-block; margin-left: 15px; position: relative; top: -10px;}

.blueround {background-color: #1e68ac; border-radius: 12px; color: #fff; display: inline-block; height: 24px; margin-right: 0.5em; padding-top: 2px; text-align: center; width: 24px;}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes BlueBackground {
    from {background-color: #f7f7f7;}
    to {background-color: #deebf8;}
}

/* Standard syntax */
@keyframes BlueBackground {
    from {background-color: #f7f7f7;}
    to {background-color: #deebf8;}
}



/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
.check-all input[type="checkbox"]:not(:checked) + label:before,
.check-all input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
}
.check-all input[type="checkbox"]:not(:checked) + label:before,
.check-all input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.check-all input[type="checkbox"]:not(:checked) + label:after,
.check-all input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .15em; left: .2em;
  font-size: 1.25em;
  line-height: 0.8;
  color: #1e68ac;
  transition: all .2s;
}

.regular input[type="checkbox"]:not(:checked) + label:before,
.regular input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
}
.regular input[type="checkbox"]:not(:checked) + label:before,
.regular input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.25em; height: 1.25em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.regular input[type="checkbox"]:not(:checked) + label:after,
.regular input[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .15em; left: .2em;
  font-size: 1.25em;
  line-height: 0.8;
  color: #1e68ac;
  transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 1px; top: 3px;
  width: 1.5em; height: 1.5em;
  border: 2px solid #ccc;
  background: #fff;
  border-radius: 4px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: .25em; left: .3em;
  font-size: 1.5em;
  line-height: 0.8;
  color: #1e68ac;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 2px solid #4778d9!important;
}

.cat_label {float: left;}

input.IMSform2 {background-color: #6e9dbc; border: 0; padding: 8px 15px; color: #fff; font-size: 16px;}

.left0 {left: 0;}

table.search-results {width: 100%;}


/*----------------------- mobile devices CSS ------------------------*/

@media all {
	
}

@media all and (max-width:1000px){
	.cat-list li {width: 49%; max-width: none;}
	.intro-welcome > .width60 {width:55%;}
	.intro-welcome .width40 {width:45%;}
	.search-boxes input[type='text'], .search-boxes select {max-width:220px; width:100%; font-size:14px;}
	.search-boxes select {max-width:240px; width:100%; padding:8px;}
}
@media all and (max-width:850px){
	.field label {font-size: 0.8em;}
}
@media all and (max-width:800px){
	.logo-container {width: 100px;}
	.logo-container img {max-width: 100px;}
	.ml10-800 {margin-left: 10px;}
	.search-boxes input[type='text'], .search-boxes select {max-width:195px; width:100%; font-size:14px;}
	.search-boxes select {max-width:215px; width:100%; padding:8px;}
	.regform .width47 {float: none; width: 100%;}
	.field label {font-size: 0.9em;}
	.margin0 {margin-top:0!important;}
}
@media all and (max-width:750px){
	.search-boxes {padding: 0; margin: 30px 0 0 0; border-left: none;}
	.intro-welcome .width40 {width: 100%;}
	.intro-welcome > .width60 {width: 100%;}
	.intro-welcome .width30 {width: 20%;}
	.searchmodule {float: left; margin-right: 10px; width: 44%; margin-top: 0;}
	.searchmodule {margin:15px;}
}
@media all and (max-width:650px){
	.cat-list li {width: 100%; max-width: none;}
	.regular {font-size: 18px;}
	.intro-welcome .width30 {width: 30%;}
	.searchmodule {width: 100%;}
}
@media all and (max-width:600px){
	.logo-container {display:none;}
}
@media all and (max-width:560px){
	.name-desc {width: 70%;}
	.logo-container {width: 200px;}
	.logo-container img {max-width: 200px;}
}
@media all and (max-width:420px){
	.camera-img {float: left; margin-top: 15px;}
	.name-desc {width: 100%; margin-top: 15px;}
	.intro-welcome .width30 {width: 40%;}
	.intro-welcome .width60 .width60 {width:100%;}
	.field label {width: 100%; display: block; float: none;} 
	.field input[type="text"] {width: 100%; display: block; float: none;}
}
@media all and (max-width:350px){
	.logo-container {width: 150px;}
	.logo-container img {max-width: 150px;}
}