/*global*/
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{
margin: 0;
padding: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

html,body {
height: 100%;
background: #DADFE6 ;
margin:0px;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:13px;
color:#4f4f4f;
}

/*text*/
p {margin-bottom: 10px;}

a:link, a:visited {color:#db8600; font-weight:bold; text-decoration:none;}
a:hover	{color:#0745ac; font-weight:bold; text-decoration:none;}

a.grey {
	color:#4f4f4f;
	font-weight: normal;
}

a.greybold {
	color:#4f4f4f;
	font-weight: bold;
}

a.greybold:hover, a.grey:hover {
	text-decoration: underline;
}

ul {list-style-image: url("");}

h1,h2,h3 {font-size: 1em; font-weight: bold; padding:0px; margin:0px;}

#STA-logo{float: right;border-radius: 4px;width: 160px;}
div#nav a#fb {margin-top: 10px;display: block; background: none;}


h3#UKTFA {float:left; margin-left:30px; padding-left:65px; padding-top:9px; height:62px; background: url("timber-frame-images/UKTFA-logo.gif") left center no-repeat; color:#aabc18; text-align:left;}

.address {font-style: normal;}

.bold {font-weight:bold;}

.centre {text-align: center;}

.bontre {text-align: center; font-weight: bold;}

.left {text-align: left;}

.big {font-size: 1.3em;}

.bb, .bt {border-top: 1px solid #cfcfcf;margin-top:10px;padding-top:10px;}

.quicker-cleaner-warmer-big {font-weight:bold;font-size:15px;color:#662a21}
.quicker-cleaner-warmer {font-weight:bold;font-size:13px;color:#662a21}
#timber-frames-text{font-weight:bold;font-size:16px;}
#timber-frames-text-small{font-weight:bold;font-size:14px;}

acronym {border:none;}

/*images*/
img#logo {float:left; margin-bottom:4px;}
.tagline {
    clear: left;
    float: left;
}
.tagline li {
    font-size: 14px;
    color: #f4f2f0;
    float: left;
    list-style: none;
    margin-left: 12px;
    margin-right: 7px;
}
.tagline li::before {
  content: "\2022";
  color: #F6EE07;
  display: inline-block; 
  width: 1.9em;
}
.leftimage, .rightimage, .rightimagenew{float: left;}
.leftimage {margin-right: 6px;}
.leftimage img, .rightimage, .rightimagenew img {
    border-radius: 10px;
}
.rightimage {margin-right: 6px;}
#contactdetails {
    color: #fff;
    float: right;
    text-align: right;
    margin-bottom: 1.5em;
}
#contactdetails p {
    font-size: 1.5em;
    line-height: 1.2;
}
#contactdetails p.emailaddress {
    font-size: 1em;
}
#contactdetails a:link, #contactdetails a:visited {
    color:#F6EE07;
}

/*boxes*/
.clearer {clear: both;height: 0px;overflow: hidden;}

/*
div#outer1 {min-height:100%; background: url("timber-frame-images/timber-tile.jpg") top right repeat-y;}
div#outer2 {min-height:100%; background: url("timber-frame-images/bg-stump.jpg") top left no-repeat;}
*/
div#content-wrapper {width:1200px; margin:0 auto; background-color: #162a43; text-align:left;padding: 10px;}
/*div#truck {background: url(timber-frame-images/timber-frame-centre-truck.gif) top right no-repeat;height: 98px;margin: -98px 120px 0 0;}*/
div#truck {background: url(timber-frame-images/van.png) top right no-repeat;height: 120px;margin: -120px 120px 0 0;}
div#box {float:left;/*padding-top:6px;*//*margin-bottom:3px;*//*background: url("timber-frame-images/timber-frame-box-03.gif") top no-repeat;*/}
div#box-bg {width:1020px;/*padding-bottom:5px;*//*background:url("timber-frame-images/timber-frame-box-06.gif") bottom no-repeat;*/}
div#box-bg2 {/*min-height:60px;*/background-color: #f4f2f0; border-radius: 6px; padding: 1px}
div#box-bg p {
    color: #666;
    font-size: 12px;
    margin: 6px 8px 8px;
}
div#nav {float:left; width:180px; text-align:right; padding-top: 6px;}
/*div#nav a img {margin-left: 10px;}*/
div#nav a {
    display: block;
    float: left;
    text-transform: uppercase;
    font-size: 15px;
    background: #F6EE07;
    color: #162a43;
    font-weight: normal;
    width: calc(100% - 10px);
    margin-left: 10px;
    margin-bottom: 4px;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    box-sizing: border-box;
}

div#nav a:hover, div#nav a:active {
    background: #fff;
}
div#content {width: 1020px; float: left;/*background: url("timber-frame-images/timber-frame-content-07.gif") bottom left no-repeat;*/padding-bottom: 6px;}
div#content-bg {/*background: url("timber-frame-images/timber-frame-content-03.gif") top left no-repeat;*/padding-top: 6px;}
div#content-bg2 {background: #F2F1EF url(timber-frame-images/timber-frame-content-bg-grey.png) top left repeat-y;padding: 6px; min-height: 350px; border-radius: 6px}
div#content-bg-gallery {/*background: url("timber-frame-images/timber-frame-content-gallery.gif") top left no-repeat;*/padding-top: 6px;}
div#content-bg2-gallery {background: #F2F1EF;padding: 0 6px; min-height: 350px;border-radius: 6px}
div#footer {width:1200px; margin:0 auto; background-color: #162a43; text-align: center; padding:10px; font-size: 12px;color: #fff;}

div#fade {width: 375px;height: 250px;}
div#phone{height: 27px; background: url(timber-frame-images/tel.jpg) top right no-repeat;}
div#timber-frame-centre_l{float: left; width:170px;padding-top: 5px;text-align: center;}
div#timber-frame-centre_l p{padding: 0 15px;}
div#timber-frame-centre_r{float: left; width:765px;padding-top: 5px;text-align: justify;}
div#timber-frame-centre_gallery{float: left; width:calc(100% - 12px);padding: 6px;}
#timber-frame-centre_gallery img {margin-bottom: 10px;border: 2px solid #ccc;border-radius: 8px;height: 90px;}
#timber-frame-centre_gallery a {display: inline-block;margin-right: 14px;}
div#polaroid-container{position: relative;height: 1px;overflow: visible;}
div#polaroid-container img {position: absolute;top: -70px;left: -45px;z-index:10;}

div#content ul {margin-left: 20px;text-align: left;}
div#content li {list-style-image:url("timber-frame-images/bullet.gif");margin-top: 5px;}

body#homepage div#timber-frame-centre_l {padding-top: 70px;}
body#homepage div#timber-frame-centre_r {padding-top: 15px;}
body#timberpage div#content ul {display:none;margin-top: 5px;}
body#gallerypage div#timber-frame-centre_r {text-align: left;}
body#gallerypage div#timber-frame-centre_r a {width: 120px;margin: 0 12px;}
body#gallerypage div#timber-frame-centre_r img {margin-bottom: 10px;}

div#contact_l {float: left; width: 345px;text-align: left;}
div#contact_r {float: left; width: 420px;text-align: left;}
div#contact_l p {padding-right: 20px;}

div#towns {display: none;}

/*form styling*/

#form input{
margin:1px;
padding:1px;
border:1px solid #c9d1d4;
background:#fff;
width:300px;
font-size:1.1em;
margin-bottom: 8px;
}
#form textarea {
font-family: Verdana,Helvetica,Arial,sans-serif;
margin:1px;
padding:1px;
border:1px solid #c9d1d4;
background:#fff;
width:300px;
height: 100px;
font-size:1.1em;
}

#form input.submit {
margin:1px;
padding:1px;
border:3px solid #b9b8b8;
background:#2a2a2a;
color:#fff;
font-weight:bold;
width:120px;
cursor: pointer;
margin-bottom: 1em;
}

#form input:focus {border:1px solid #e47115;background: #eff4f6;}
#form input:hover {background: #eff4f6;}

#form textarea:focus {border:1px solid #E47115;background: #eff4f6;}
#form textarea:hover {background: #eff4f6;}

#form input.submit:hover {
border:3px solid #b9b8b8;
background:#2A2A2A;
color:#e47115;
font-weight:bold;
cursor: pointer;
}

#form input.submit:focus {
border:3px solid #b9b8b8;
background:#2a2a2a;
color:#e47115;
font-weight:bold;
cursor: pointer;
}

/*tooltips..................................*/
a.regions{position:relative;z-index:24; text-decoration:none;}
a.regions:hover{z-index:25; background-color: #f1f1f1;}
a.regions span{display: none}
a.regions:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	bottom:1em;
	right:10em;
    padding: 10px;
    border:2px solid #192b0e;
    background-color:#11240c;
    text-align: justify;
    text-decoration:none;
    width:600px;
    font-size:0.9em;
    font-family:Arial,Helvetica,sans-serif;
    line-height:1em;
}
/*.........................................*/
div#timber-frame-centre_r.privacypage {
    text-align: left;
}
.privacypage h2 {
    margin-top: 1.5em;
}
.privacypage h2, .privacypage ul {
    margin-bottom: .7em;
}