/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* sliding panel */
#toppanel {
  position: absolute;   /*Panel will overlap  content */
  /*position: relative;*/   /*Panel will "push" the content down */
  top: 0;
  left:0px;
  width: 100%;
  z-index: 99;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#panel {
	width: 100%;
	height: 498px;
	color: #839292;
	background: #242424;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}
#panel_content{
  width:990px;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
}
#panel_text{
  width:375px;
  float:left;
  background: url(/images/panel_text_bg.gif) no-repeat 373px 39px;
  padding:29px 0px 15px 31px;
}
#panel_text_inner{
  width:280px;
  float:left;
  padding:0px 0px 0px 2px;
}
#panel_text_inner ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#panel_text_inner li{
  float:left;
  padding:0px;
  margin:0px;
}
#panel_text_inner a{
  padding:0px;
  margin:0px;
}
#panel_text_inner #button_contact_by_post{
  padding:16px 0px 0px 0px;
}
#panel_text_inner #button_get_directions{
  padding:16px 0px 0px 51px;
}
#panel_text_inner #telephone{
  font-size:15px;
  font-weight:bold;
}
#panel_text p{
  padding:0px 0px 20px 0px;
  margin:0px;
  clear:left;
  text-align:left;
  line-height:180%;
}
#panel_text a{
  float:left;
}
#get_in_touch{
  float:left;
  clear:left;
  padding:26px 0px 15px 0px;
}
#panel_form{
  width:584px;
  float:left;
}
#panel_form form{
  padding:0px;
  margin:0px;
}
#panel_form label{
  clear:both;
  float:left;
  font-size:12px;
  padding:7px 0px 4px 0px;
  margin:0px;
}
#panel_form input{
  clear:both;
  float:left;
  font-size:12px;
  border:1px solid #4b4a4a;
  background-color:#787878;
  width:194px;
  padding:2px 2px 2px 2px;
  margin:0px;
  height:16px;
}

#panel_form select{
  clear:both;
  float:left;
  font-size:12px;
  border:1px solid #4b4a4a;
  background-color:#787878;
  color:#fff;
  width:198px;
  padding:0px;
  margin:0px;
  height:22px;
}

#panel_form input#send{
  background-color:#242424;
  border:none;
  width:53px;
  height:26px;
  padding:20px 0px 0px 0px;
}
#panel_form textarea{
  clear:both;
  float:left;
  font-size:12px;
  border:1px solid #4b4a4a;
  background-color:#787878;
  color:#fff;
  width:298px;
  padding:0px 0px 0px 0px;
  margin:0px;
  height:100px;
}
#panel_form .form_highlight{
  float:left;
  color:#c20221;
  padding:7px 0px 0px 5px;
}
#panel_form .required_highlight{
  padding:0px 5px 0px 0px;
}
#panel_form_first{
  float:left;
  width:222px;
  height:334px;
  background: url(/images/panel_text_bg.gif) no-repeat 240px 39px;
  padding:29px 0px 0px 20px;
}
#panel_form_second{
  float:left;
  width:222px;
  height:334px;
  padding:29px 0px 0px 20px;
}
#panel_form_second label{
  float:left;
}
#panel_form_first #required{
  float:left;
  padding:33px 0px 0px 0px;
}
#toggle{
  width:988px;
  float:left;
}
#toggle_left{
  width:761px;
  float:left;
  height:100px;
  background: url(/images/tab_b.png) repeat-x 0 0;
  behavior: url(/images/iepngfix.htc);
}
#toggle_right{
  width:227px;
  float:left;
  height:76px;
  background: url(/images/button_contact.png) 0px 0px no-repeat;
  padding:18px 0px 0px 0px;
  behavior: url(/images/iepngfix.htc);
}
#open, #close, #open_2{
  padding:0px 0px 0px 43px;
}
#panel_bottom {
  height: 100px;
  position: relative;
  z-index: 99;
}
#page_left, #page_right{
  background: url(/images/tab_b.png) repeat-x 0 0;
  behavior: url(/images/iepngfix.htc);
}
#thank_you{
  padding:100px 0px 0px 0px;
  color:#fff;
}
#address{
  clear:both;
  height:179px;
}
#postcode_container #postcode{
  clear:both;
  float:left;
  font-size:12px;
  border:1px solid #4b4a4a;
  background-color:#787878;
  width:194px;
  padding:2px 2px 2px 2px;
  margin:0px;
  height:16px;
  width:80px;
}
#postcode_container p{
  padding:0px 0px 10px 0px;
  margin:0px;
}
#postcode_container form{
  padding:0px;
  margin:0px;
}
/********** get directions **********/
#get_directions{
  width:100%;
  position:absolute;
  top:50px;
  left:0px;
  z-index: 100;
}
#get_directions_content{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background-color: #fff;
  color:#000;
  display:block;
}
#full_map{
  padding:10px;
  margin-bottom:30px;
  position:relative;
  width:700px;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff;
}
#map{
  height:400px;
  border:1px solid #c0c0c0;
}
#route{
  text-align:left;
}
#map_title{
  font-size:13px;
}
.close_button_map{
  position:absolute;
  right:-22px;
  top:-22px;
}
.close_button_map img{
  behavior: url(/images/iepngfix.htc);
}
.close_button_postcode{
  position:absolute;
  right:-22px;
  top:-22px;
}
.close_button_postcode img{
  behavior: url(/images/iepngfix.htc);
}
#postcode_container{
  display:none;
  clear:both;
  height:179px;
  text-align:left;
}
#printable_page{
  padding:0px 0px 0px 0px;
}
#print_page{
  text-align:center;
  font-size:13px;
}
#no_postcode{
  position:absolute;
  margin-left:auto;
  margin-right:auto;
  height:100%;
  width:100%;
  border:1px solid #000;
  z-index:100;
}
#no_postcode_inner{
  background-color:#000;
  color:#fff;
  width:210px;
  height:110px;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
  padding:15px 20px 0px 20px;
  border:1px solid #313131;
  position:relative;
}
#no_postcode_inner #postcode{
  font-size:12px;
  border:1px solid #4b4a4a;
  background-color:#787878;
  width:85px;
  padding:2px 2px 2px 2px;
  margin:0px 5px 0px 0px;
  height:16px;
  margin-left:5px;
}
#no_postcode_inner input#find{
  width:53px;
  height:26px;
  border:none;
}