/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #d4d4d4;
	color: #000000;
	font-family: 'Roboto', sans-serif, Arial, Verdana, Helvetica;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

#wrapper-header{
	background-image:url("../images/header-bg.gif");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: left;
	width: 100%;
	height: 130px;
}
#wrapper-navigation{
	background-color: #212121;
    width: 100%;
    height: 44px;
}
#wrapper-content{
	background-color: #d4d4d4;
	clear:both;
	width: 100%;
}
#wrapper-testimonials{
	background-color:#e9c20f;
	clear:both;
	position: relative;
	width:100%;
}
#content{
	background-color: #d4d4d4;
	text-align: left;
}
#wrapper-footer{
	background-color: #212121;
	float:left;
	width: 100%;
}	
#wrapper-footer2{
	background-image:url("../images/footer-bg.gif");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: left;
	float:left;
	width: 100%;
}	

.wrapper-inner, .wrapper-inner-full{
	margin: 0 auto;
	position:relative;
	text-align: left;
}
.wrapper-inner {
	width: 1420px;
}
* html .wrapper-inner {  /* This is the Tan hack */
	width: 1420px;
}
.wrapper-inner-full{
	width: 1720px;
}
* html .wrapper-inner-full {  /* This is the Tan hack */
	width: 1720px;
}

#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}


#header{
	padding-top: 13px;
	position: relative;
}

/*homepage layout */
#centerc-home {
	padding-bottom: 30px;
	padding-top: 36px;
	width: 1420px;
}


/*1 column layout */
#centerc-1col {
	padding-bottom: 30px;
	padding-top: 36px;
	width:1720px;
}

/*2 column layout */
#centerc-2col{
	display: inline;
	float:left;
	margin-left:300px;
	overflow:hidden;
	padding-bottom: 30px;
	padding-top: 36px;
	position:relative;
	width:1420px;
}
* html #centerc-2col {  /* This is the Tan hack */
	width: 1420px; 
	w\idth: 1420px; 
}
	
#leftc{
	float:left;
	margin-left:-1720px;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right:20px;
	padding-top: 36px;
	width: 280px;
}
* html #leftc {  /* This is the Tan hack */
	width: 300px; 
	w\idth: 280px; 
}
	
#foot{
	margin-top: 20px;
    margin-bottom: 20px;
	width:100%;
}
#foot2{
    margin-top: 20px;
    margin-bottom: 40px;
	width:100%;
}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-left{
	float: left;
	width: 438px;
}
#header-right{
	color:#FFFFFF;
	float: right;

}
#header-right .strapline{
	color: #e9c20f;
	padding-top: 39px;
	text-decoration: none;
	text-transform: uppercase;
}

#header_graphic{
	position:relative;
	z-index:500;
}

#navigation{
	float:left;
	position:relative;
	width:100%;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	float:left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px; 
	margin-top: 10px;
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: transparent;
	border-right: 1px solid #d4d4d4;
	color: #d4d4d4;
	display: block;
	float: left;
	font-size: 17px;
	font-weight:700;
	padding-left: 32px;
	padding-right: 32px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color: #e9c20f;	
}

#navigation ul #nav-first {
	border-right:0px;
}
#navigation ul #nav-first a {
	padding-left:0px;
}

#nav-icon {
	display: none;
}

#nav-tel {
	color:#ffffff;
	float:right;
	padding-top: 9px;
    margin-bottom: 0px;
}
#nav-tel span, #nav-tel-mobile span{
	padding-right:10px;
}
#nav-tel a, #nav-tel a:visited, #nav-tel-mobile a, #nav-tel-mobile a:visited  {
	color:#ffffff;
	text-decoration:none;
}
#nav-tel a:hover, #nav-tel-mobile a:hover {
	color:#e9c20f;
}

#nav-tel-mobile {
	display:none;
}
	
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftc ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	padding-right: 10px;
}
#leftc ul li {
	margin: 0; 
	padding: 0; 
}

#leftc ul li a, #leftc ul li a:visited {
	border-bottom: 1px solid #666666;
	color:#000000;
	display: block;
	font-size: 14px;
	font-weight: 400;
	margin:0px;
	padding-bottom: 10px;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 10px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 248px;
}
* html #leftc ul li a, * html #leftc ul li a:visited {  /* This is the Tan hack */
	width: 260px; 
	w\idth: 248px; 
}
#leftc ul li a:hover {
	color:#000000;
}

#leftc ul li ul li a, #leftc ul li ul li a:visited{
	padding-left: 44px;
	width: 175px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 219px; 
	w\idth: 175px; 
}

#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
	padding-left: 66px;
	width: 153px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 197px; 
	w\idth: 153px; 
}
	
.menu_header {
	border-bottom: 2px solid #697176;
	display: block;
	font-size: 1.4em;
	padding-bottom: 5px; 
	padding-left: 0px;	
	padding-right: 0px;	
	padding-top: 0px;
	margin: 0px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 280px;
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#foot h2 {
	font-weight:400;
	text-align:center;
	text-transform: uppercase;
}
#foot .contactInputLarge {
    width: 96%;
    padding:2%;
}
#foot .submitButton {
	clear:both;
    float: none;
	margin: 0 auto;
}

#foot-quote-left {
	float:left;
	padding-right:2%;
	width:49%;
}
#foot-quote-left div {
	display: inline-block;
	width:100%;
}
#foot-quote-right {
	float:left;
	width:49%;
}

#footerleft {
	float:left
} 
#footerright {
	position: absolute;
	bottom:0px;
	right:0px;
}

#footerleft p {
	color:#ffffff;
}
#footerleft span {
	padding-right: 10px;
}

#footerleft #foot-contact-links{
	margin-bottom:0px;
}
#footerleft #foot-contact-links a, #footerleft #foot-contact-links a:visited {
	color:#ffffff;
	text-decoration: none;
}
#footerleft #foot-contact-links a:hover {
	color:#e9c20f;
}

#footerright ul {
	margin:0px;
	padding:0px;
}
#footerright ul li {
	display:inline;
	padding-right:10px;
	list-style-type: none;
}
#footerright ul li a, #footerright ul li a:visited {
	color:#ffffff;
	text-decoration: none;
}
#footerright ul li a:hover {
	color:#e9c20f;
}

	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  font-size: 1.2em;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #FF0000;
}

.contactInput{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width:76px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.submitButton{
	background-color: #e9c20f;
    border: none;
    color: #000000;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.9em;
    font-weight: 700;
    margin-right:0px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    width: 250px;
	
	-webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;

    -webkit-border-radius: 0; 
}	

.InputButtonBlue{
	background-color:#005a7e;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

input:readonly {
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	cursor: not-allowed;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}

	
#downloads{
	clear:both;
	margin-bottom:12px;
}


/***** START: SLIDER RELATED *****/

#home-slider-wrapper {
	background-color: #d4d4d4;
	clear: both;
	height: 400px;
	position: relative;
	text-align: center;
	max-width: 1920px;
    margin: 0 auto;
	width: 100%;
}
#sliderhome{
	position:relative;
	list-style-type:none;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	height: 400px;
	text-align: center;
	width:100%;
}
#sliderhome li{
	padding: 0px;	
	margin: 0px;
	width:100%;
	text-align: center;
	height:400px;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/ 
}

#sliderhome li .wrapper-inner-full {
	position: static;
}

#sliderhome li img {
	height:400px;
	width:100%;
    object-fit: cover;
}

#home-slider-wrapper .bx-wrapper {
	height: 400px !important;
	width: auto !important;
}
#home-slider-wrapper .bx-window {
	width: auto !important;
}

#home-slider-wrapper .bx-controls {
	height: 65px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	top: -230px;
	width: 1920px;
}

#home-slider-wrapper .bx-prev {
	position:absolute;
	left:0px;
	top:0px;
	width: 65px;
	height: 65px;
	z-index:80;
}

#home-slider-wrapper .bx-next {
	position:absolute;
	right:0px;
	top:0px;
	height: 65px;
	z-index:80;
	width: 65px;
}
* html #home-slider-wrapper .bx-next{  /* This is the Tan hack */
	width: 911px; 
	w\idth: 65px; 
}


#home-slider-wrapper .bx-controls-direction{
	height: 0px !important;
	position:relative;
}

#home-slider-wrapper #pager{
	color:#FFFFFF;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -20px;
	width: 80px;
	padding:0px;
	z-index:90;
}


.sliderwrap{
	height:auto;
	max-width:727px;
	position:relative;
}

.sliderwrap ul{
	max-height:328px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

#slider1{	
	margin: 0px;
	padding: 0px;
	width:100%;
}	
#slider1 li{
	width:100%;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/
}
	
#slider1 li img{
	display:block;
}

#slider1 li div.textarea{
	background-image:url(../images/textbg.png);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;	
	width: 100%;
	height: 68px;
	padding-top: 10px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:300;
}
#slider1 li div.transparent-link {
	width: 100%;
	height: 100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:302;
}

#slider1 li p {
	text-align: center;
	color:#FFF;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
}

.sliderwrap .bx-prev {
	position: absolute;
	top: 43%;
	left: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/arrowleft.jpg);
	z-index:100;
}

.sliderwrap .bx-next {
	position: absolute;
	top: 43%;
	right: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	background: url(../images/arrowright.jpg);
	z-index:100;
}

#pager{
	color:#FFFFFF;
	display:block;
	left:5px;
	padding:0px 3px 0px 7px;
	position:absolute;
	bottom:10px;
	right:10px;
	width:100%;
	z-index:100;
}
#pager a{
	background-color:#FFFFFF;
	color:#ffffff;
	display:inline;
	float:left;
	font-size:6px;
	margin-right:4px;
	width:9px;
	height:9px;
}
.active{
	background-color: #e9c20f!important;
    color: #e9c20f!important;
}

.textarea {
	position: absolute;
    top: 25%;
	width:600px;
}
.textarea p {
	-webkit-box-shadow: 20px 0 0 #212121, -20px 0 0 #212121;
    -moz-box-shadow: 20px 0 0 #212121, -20px 0 0 #212121;
    box-shadow: 20px 0 0 #212121, -20px 0 0 #212121;
    background-color: #212121;
    box-decoration-break: clone;
	color:#e9c20f;
    display: inline;
    font-weight: 400;
    font-size: 2.4em;
    line-height: 1.4em;
    text-transform: uppercase;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: left;
}

/***** END: SLIDER RELATED *****/


/** ------------------------------------------------------------ **/
/** ----------------------- gallery ---------------------------- **/	
#gallery {
	display: block;
    margin: 0 auto;
    width: 1420px;
}

#gallery img {
	display:block;
}
.galleryLast {
	margin-right: 0px !important;
}

.galleryImage {
	float:left;
	max-height:260px;
	overflow:hidden;
	margin-right: 20px;
	margin-bottom:20px;
    width: 460px;
}


/** ------------------------------------------------------------ **/
/** ----------------------- bespoke ---------------------------- **/
#bannercontainer img {
	height:auto;
	max-width: 1920px;
    margin: 0 auto;
	width:100%;
}

.TestimonialBox {
	display:none;
}
.testimonial-active {
	display:block;
}

#testimonial-container {
	padding-top: 23px;
    padding-bottom: 25px;
}
#testimonial-controls {
	display:block;
	padding-bottom:10px;
	position: absolute;
	top:40%;
	height:48px;
	width:100%;	
}
#testimonial-controls-responsive {
	display:none;
}
.testimonail-prev {
	background-image:url(/images/testimonial-prev.gif);
	display:none;
	float:left;
	margin-left:3%;
}
.testimonail-next {
	background-image:url(/images/testimonial-next.gif);
	background-position: right;
	display:block;
	float:right;
	margin-right:3%;
}
.testimonail-prev, .testimonail-next {
	background-repeat: no-repeat;
	cursor:pointer;
	height:48px;
	width:6%;
}

.testimonial-content {
	    width: 82%;
    float: left;
    text-align: left;
}

.menu-sub{
	color:#03729d;
	font-size:10px;
}

#selectboxes select{
	width:120px;
}

.last {
	margin-right:0px !important;
}

#contact-content {
	float:left;
	margin-right:2%;
	width:49%;
}
#divMap {
	float:left;
	padding-top: 22px;
	padding-bottom: 30px;
	width:40%;
}

#divMapCanvas{
	width: 100%;
    height: 320px;
	border:none; 
	overflow:hidden; 
	margin:0px;
}

#contactform {
	width:1040px;
}

#contact-details, #contact-enquiry {
	float:left;
}
#contact-details {
	margin-right:20px;
}

.cookiesTable tr td {
	padding:10px;
}

#recaptcha-contact {
	clear:both;
	float: right;
    padding-bottom: 10px;
	margin-right:6px;
	width: 295px;
}
#recaptcha-enquiry {
	clear:both;
    padding-bottom: 10px;
	margin:0 auto;
	width: 295px;
}
.recaptcha-error {
	float:right;
}