@charset "utf-8";
/* CSS Document */

body { background-color:#031324; font-family: 'Montserrat', sans-serif; color:#ffffff; font-size:14px; line-height:1em}

.pcoff { display:none; }

.main_width{width:1200px; margin:auto auto; }


a {color:#4d96bf; text-decoration:none}
a:hover {cursor: pointer;}

ul{ border:0px solid red; list-style-type: none;padding: 0px;margin: 0px; margin-bottom:20px;}
ul li{background-image: url(../images/bullet.png);background-repeat: no-repeat;background-position: 4px 6px;padding-left: 20px; line-height:2.0em}

h1, h2, h3 { color:#2b639e}
h1 { margin-top:40px; margin-bottom:20px; font-size:22px; font-weight:bold; border:0px solid red;}
h2 { margin-top:10px; margin-bottom:6px;font-size:16px; font-weight:bold; border:0px solid red}
h3 {font-size:14px; font-weight:normal; border:0px solid red}
hr { border:0; border-bottom:1px solid #ccc}
strong, b {font-weight:bold}
em { font-style:italic}
p { margin-bottom:1em; }


input{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px}
select{ border:0; padding:0; margin:0; margin-bottom:14px; height:26px; width:358px;}


input[type=submit] {cursor: pointer; text-transform:uppercase; font-weight:bold; background-color:#dc5800; border:0; color:white; height:32px; border-radius:6px; padding-left:8px; padding-right:8px}
input[type=text] { width:350px; padding-left:4px; padding-right:4px}
input[type=password] { width:350px; padding-left:4px; padding-right:4px}
input[type=checkbox] { position:relative; top:8px}

.field_with_text_correction {vertical-align:top; position:relative; top:-6px}



label {display: inline-block; width:164px; border:0px solid red}

.float_left {float:left;}
.float_right {float:right;}
.clear_both{ clear:both; }
.clear_both_div{ clear:both; line-height:0; height:0; overflow:hidden}

.greay_bg {#c2c2c2}
.no_wrap{white-space: nowrap;}
.enter { height:0px; width:0px; overflow:hidden}




.padding_30 { padding:30px}


.contact_details { display:inline-block; margin-top:15px; margin-bottom:17px; color:#dddddd; font-size:16px;  padding-left:20px; border:0px solid red}
.contact_details span{ color:#6eb6de; font-size:18px;}
.contact_details a{ color:#dddddd; text-decoration:underline}
.contact_details img{ position:relative; left:-20px; top:4px}


.footer {margin-top:-48px; clear:both; position:relative;  padding-top:0px;  color:#ffffff; border-top:1px solid #2b639e; background-color:#000000; height:103px;}
.footer a{color:#ffffff; text-decoration:underline}
.footer_lhs { float:left; width:calc(100% - 336px); min-width:120px; line-height:2em; border:0px solid red}

.footer_rhs { float:right; text-align:right; height: 103px;white-space: nowrap;height:103px; width:296px; overflow:hidden;background-color:#ffffff;}
.footer_rhs img{transition: 0.6s all ease; }
.footer_rhs img:hover{opacity:0.5}

.footer .center_table {display: table; width:100%}
.footer .center_cell {display: table-cell; width:100%; vertical-align: middle; text-align:left; height: 103px;}





.crunchify-top { margin-top:0px; margin:auto auto; position:relative; top:-22.5px; z-index:1000; display: block; background-color:#000000; border:1px solid #ffffff; cursor: pointer;}
.crunchify-top:hover {background-color:#a97c06; transition: 0.6s all ease;}






/******************************************************************************************************************/
/* Main Layout                                                                                                    */
/******************************************************************************************************************/
.logo {} 
.logo:hover  {opacity:0.6; transition: 0.6s all ease;}


.standard_page { min-height:400px}





/******************************************************************************************************************/
/* Customer Box                                                                                                   */
/******************************************************************************************************************/

.customer_box { float:right;  background-color:#2b639e; color:white; width:700px; height:140px; line-height:1em; margin-bottom:40px; }

.customer_box .login{padding:20px;padding-left:30px; padding-right:30px; }
.customer_box .login input[type=submit]{ float:right; position:relative; top:-20px}

.customer_box .top{padding:0px; padding-top:20px; padding-left:30px; padding-right:30px;  height:40px; padding-left:30px; overflow:hidden; border-bottom:1px solid white}
.customer_box .top h2{ font-size:1em; line-height:1em; border:0; margin:0; color:white }
.customer_box .bottom{padding:20px; padding-left:30px; padding-right:30px; padding-top:30px; height:60px;}
.customer_box .bottom span{color:#6eb6de}
.customer_box .bottom input[type=submit]{ float:right; position:relative; top:-20px}

.customer_box input[type=submit]:hover {opacity:0.6; transition:0.5s}


/******************************************************************************************************************/
/* Menu                                                                                                           */
/******************************************************************************************************************/
.tabs { margin-bottom:4px; clear:both}
.tabs input{ border:0; margin:0; font-weight:bold; color:white; text-transform:uppercase; display:inline-block; background-color: #6eb6de;  border-radius:8px 8px 0 0 ;  padding:20px; padding-right:27px; padding-left:27px; padding-bottom:30px; margin-right:3px}
.tabs input.tab_active{background-color: #184a7e; color:#ffffff}
.tabs input:hover{background-color: #184a7e; color:#6eb6de; transition:1s }
.tabs .rhs{float:right; background-color:#c2c2c2; margin:0; margin-left:6px}





/******************************************************************************************************************/
/* Control Pane                                                                                                   */
/******************************************************************************************************************/
.control_pane { clear:both; background-color:#2b639e; color:white;}

.search_box { border:px solid white; border-bottom:0px solid #184a7e}
.search_box .grey_bg { background-color:#c2c2c2}

.search_box input[type=submit]:hover {opacity:0.6; transition:0.5s}






/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.message_container { clear:both;  height:44px; overflow:hidden; margin-bottom:40px; border:0px solid white}
.user_message, .error_message { color:#FFF;padding:10px;height:30px; padding-left:40px;  padding-top:14px; padding-bottom:0;background-repeat:no-repeat; background-position:10px center }
.user_message input[type=submit], .error_message input[type=submit]{ color:#FFF; text-decoration:underline; background-color:transparent; font-weight:normal; line-height:0; margin:0; padding:0; vertical-align:top; position:relative; top:-10px}
.user_message { background-image: url(../images/icon-user.png); }
.user_message { background-color:#3cb878;}
.error_message { background-color:#b94a4d;}
.error_message { background-image:url(../images/icon-error.png); }

/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/

.customer_select_box { border:1px solid #184a7e; padding:20px; margin-bottom:40px}
.customer_select_box label {display: inline-block; width:143px; border:0px solid red}

/******************************************************************************************************************/
/* Caravan details                                                                                               */
/******************************************************************************************************************/

.autocomplete {
  display: inline-block;
  position:relative;
}

.autocomplete input {
  border:0;
  background-color: #ffffff;
}

.autocomplete input[type=text] {
  background-color: #ffffff;
}

.autocomplete input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  color: #333333; 
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  width:100%;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}



/******************************************************************************************************************/
/*                                                                                                                */
/******************************************************************************************************************/
.debug_footer{font-family: 'Roboto Mono', monospace; line-height:1.2em; color:#333; background-color:#CCC; width:1900px;  overflow-wrap: break-word;}