/*
CSS: Glosford Timber Solutions
*/

/* --------------------------------------------------------------- MAIN */
body { background-image: url(background.jpg); background-repeat: repeat-x; background-color: #FFFFFF; color: #000000; font-family: Arial, verdana, Helvetica, sans-serif; font-size: 0.8em; padding: 0px; margin: 0px; }
img { border: 0px; }
a { color: #333333; }
a:hover { color: #568343; }
/* --------------------------------------------------------------- MESSAGE and ERROR */
div.error { background-color: #FFF4FB; border: 1px solid #CC0044; border-collapse: collapse; font-weight: bold; margin: 5px auto; padding: 0px 5px 0px 15px; width: 530px; }
/* --------------------------------------------------------------- CONTAINER */
#container { background-color: #F5F5F5; margin: 0px auto; width: 830px; }
/* --------------------------------------------------------------- HEADER */
#header { background-color: #568343; height: 130px; width: 830px; padding: 0px; margin: 0px; }
#header img { float: left; margin: 12px; width: 146px; }
/* --------------------------------------------------------------- CONTACT INFO */
#contactInfo { float: right; position: relative; top: 15px; height: 0px; color: #FFFFFF; padding-right: 15px; text-align: right; }
#contactInfo span.title { display: block; font-size: 1.2em; font-weight: bold; margin: 0px; padding: 0px; }
#contactInfo span.address { display: block; font-size: 0.7em; margin: 0px; padding: 0px; }
#contactInfo span.telephone { display: block; font-size: 0.8em; margin: 10px 0px 0px 0px; padding: 0px; }
#contactInfo span.telephone span.big { font-size: 1.4em; font-weight: bold; }
/* --------------------------------------------------------------- MAIN MENU */
#mainMenu { position: relative; left: 283px; /*	bottom: 4px;*/
	top: 112px; display: inline; font-size: 1em; }
#mainMenu a { background-color: #778A6A; color: #FFFFFF; padding: 2px 10px 2px 10px; margin-right: 5px; text-decoration: none; }
#mainMenu a:hover { background-color: #97AA8A; }
/* --------------------------------------------------------------- MAIN MENU */
#subMenu { position: relative; right: 15px; /*	background-color: #A3B684;*/
	font-size: 1em; height: 18px; padding: 2px 0px 0px 0px; }
#subMenu a { background-color: #778A6A; color: #FFFFFF; padding: 2px 10px 2px 10px; margin-right: 5px; text-decoration: none; }
#subMenu a:hover { background-color: #97AA8A; }
/* --------------------------------------------------------------- HEADER-IMAGES */
#headerImages { background-color: #A3B684; border-bottom: 1px solid #778A6A; height: 199px; padding: 0px 0px 0px 0px; margin: 0px;/*	width: 830px;*/
}
#image { float: left; font-size: 1.3em; background-image: url(header-image.jpg); height: 183px; margin: 10px 0px 5px 20px; /*	width: 194px;*/
	width: 245px; }
#image:hover { opacity:0.7; filter:alpha(opacity=70); }
#image a { color: #294E1A; }
#image img { margin: 10px 10px 0px 12px; }
#image h2 { font-size: 1.4em; padding: 0px; margin: 8px 0px 0px 12px; text-decoration: none; }
#image h2 p { display: inline; font-size: 0.5em; }
#bannerText { float: right; color: #FFFFFF; margin: 10px 20px 0px 0px; width: 360px; }
#bannerText h3 { font-size: 1.6em; padding: 0px; margin: 10px 0px 5px 0px; }
#bannerText p { font-size: 1.2em; padding: 0px; margin: 3px 0px 15px 0px; }
#bannerText a { color: #FFFFFF; font-weight: bold; }
/* --------------------------------------------------------------- PAGE */
div.page { width: 830px; }
/* --------------------------------------------------------------- CONTENT */
#content { float: left; padding: 5px 15px; width: 550px; }
#content h1 { font-size: 1.3em; padding: 3px 0px 4px 0px; margin: 10px 0px 0px 0px; }
#content h2 { font-size: 1.1em; }
#content h3 { color: #526A38; font-size: 1.05em; padding: 0px; margin: 0px; }
#content h3 span.clickMe { color: #000000; cursor: pointer; display: inline; font-size: 0.7em; margin: 0px; padding: 0px 0px 0px 10px; }
#content p { font-size: 0.95em; }
/* --------------------------------------------------------------- SIDE BAR */
#sideBar { float: left; padding: 48px 15px; width: 220px; }
#sideBar a.greenButton { background-image: url(green-button.jpg); color: #FFFFFF; display: block; font-size: 1.2em; font-weight: bold; padding: 10px 0px 0px 8px; margin: 0px 0px 5px 0px; height: 32px; text-decoration: none; width: 210px; }
#sideBar a.greenButton:hover { background-image: url(green-button-ovr.jpg); }
/*#sideBar a.greenButton span.small {
	float: right;
	position: relative;
	bottom: 10px;
	right: 12px;

	font-size: 0.6em;
	font-weight: normal;
}*/

/* --------------------------------------------------------------- BOX */
#box { background-color: #F7F7F7; border: 1px solid #000000; margin: 20px 10px 20px 10px; padding: 3px 10px 5px 10px; float: left; }
/* --------------------------------------------------------------- SMALL BOX */
#smallbox { float: left; background-color: #F5FFF3; border: 1px solid #000000; margin: 20px 10px 20px 10px; padding: 3px 10px 5px 10px; width: 225px; }
/* --------------------------------------------------------------- SIDE BOX */
#sideBox { background-image: url(side-box-mid.jpg); background-repeat: repeat-y; width: 220px; padding: 0px 10px; }
#sideBox #top { background-image: url(side-box-top.jpg); background-repeat: no-repeat; height: 7px; margin: 0px; padding: 0px; width: 220px; position: relative; right: 10px; }
#sideBox #bottom { background-image: url(side-box-bottom.jpg); background-repeat: no-repeat; height: 7px; margin: 0px; padding: 0px; width: 220px; position: relative; right: 10px; }
/* --------------------------------------------------------------- FOOTER */
#footerContainer { background-color: #728A58; border-top: 2px solid #000000; margin: 0px auto; }
#footer { background-color: #526A38; color: #FFFFFF; font-size: 0.8em; padding: 10px; margin: 0px auto; width: 810px; }
#footer a { color: #DDDDDD; text-decoration: none; padding-right: 10px; }
#footer a:hover { color: #FFFFFF; text-decoration: underline; }
#footer p { padding: 0px; margin: 10px 0px 5px 0px; }
/* --------------------------------------------------------------- INPUT TABLE */
table.input { background-color: #F4F8EE; border: 1px solid #728A58; border-collapse: collapse; margin: 10px 0px 10px 0px; width: 100%; }
table.input thead { background-color: #728A58; color: #FFFFFF; }
table.input thead th { padding: 5px; text-align: left; }
table.input tbody th { background-color: #F0F4EA; text-align: left; padding: 0px 0px 0px 5px; vertical-align: top; width: 160px; }
table.input input,
table.input select { border: 1px solid #000000; width: 200px; }
table.input textarea { border: 1px solid #000000; height: 80px; width: 250px; }
table.input input.action { width: 70px; }
div.req { display: inline; color: #990000; font-size: 1.3em; font-weight: bold; padding-left: 5px; }
/* --------------------------------------------------------------- PDF TABLE */
table.pdf { background-color: #F4F8EE; border: 2px solid #728A58; border-collapse: collapse; margin: 10px 0px 10px 0px; width: 100%; }
table.pdf tr { border-bottom: 1px solid #C2DAA8; }
table.pdf td { padding: 10px 5px 5px 5px; vertical-align: top; }
table.pdf td img { padding: 2px 10px 0px 5px; }
/* --------------------------------------------------------------- CALLBACK TABLE */
table.callback { background-image: url(request-a-callback.jpg); height: 220px; width: 220px; }
/* --------------------------------------------------------------- CLEARFIX */
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }