/* 
   [         Richard Edwards | Shane Wakefield           ]
   [  R.Edwards@apergy.co.uk | S.Wakefield@apergy.co.uk  ]
   [              http://www.apergy.co.uk                ]
*/

/* Resets & Basic Page Setup */
* { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif;}
ul { list-style: none inside; }
h2 { margin-bottom: 10px; }
p { font-size: 0.9em; line-height: 1.1em; margin-bottom: 0.9em; color: #558430;  }
a { outline: none; }
a img { border: none; }
a:hover { text-decoration: none; }
/* End Resets & Setup */

/* Toolbox */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.title {
	color: #27490B;
	font-size: 1.3em;
}

.header1 {
	color: #555555;
	font-size: 0.9em;
}

.header1 a {
	color: #555555;
	font-size: 0.9em;
	text-decoration: none;
}

.main-text {
	color: #558430;
	font-size: 0.9em;
	margin: 10px 0 10px 41px;
	
}

.main-text a {
	color: #558430;
	font-size: 0.9em;
	text-decoration: none;
}

.main-text a:hover {
	text-decoration: underline;
}

.middle-section-text {
	color: #558430;
	font-size: 0.8em;
	margin: 5px 10px 0 20px;
    font-family: Arial, Helvetica, Sans-serif;
}

.seperator {
	background: #E0E0E0;
	height: 1px;
	width: 203px;
	margin: 0 0 5px 0;
}

.main-text .right-col-text {
	margin: 0 auto;
}
/* End Toolbox */

/* Structure & Stuff */
#page-wrap {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header {
	background: url("../images/header-bg.png") repeat-x;
	height: 305px;
}

#logo {
	background: url("../images/logo.png");
	height: 106px;
	width: 326px;
}

#menu_wrap {
	height: 27px;
	float: right;
	margin: 71px 0 0 0;
	position: relative;
	z-index: 1;
}

#menu {
	height: 27px;
	float: left;
	padding-top: 0px;
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background:url(../images/menu-bg.png) repeat-x;
}

#menu li {
	float: left;
	margin: 6px 10px;
}

#menu li a {
	text-decoration: none;
	color: white;
}

#menu li a:hover {
	text-decoration: underline;
}

#menu_left {
	width: 52px;
	height: 27px;
	background: url(../images/menu-left.png) no-repeat ;
	display: block;
	float: left;
}

#menu_right {
	width: 49px;
	height: 27px;
	background: url(../images/menu-right.png) no-repeat ;
	display: block;
	float: left;
}

#form {
	width: 260px;
	margin: 30px 0 0 20px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10000;
}

#form input {
	margin: 4px 0px 0 4px;
	border: none;
	text-align: left;
	background: none;
	font-size: 1.1em;
}

#form .input-bg {
	width: 208px;
	margin: 4px 0 0 0;
	background: url(../images/input-bg.png) no-repeat;
	height: 30px;
	float: left;
}

#form input.submit-button {
	width: 38px;
	float: right;
}

#form .submit-btn-size {
	height: 30px;
	width: 38px;
}

#pictures {
	width: 960px;
	height: 249px;
}

#pictures #large-image-column {
	height: 249px;
	width: 635px;
	position: relative;
	top: 6px;
}

#pictures #small-image-column-top {
	height: 109px;
	width: 324px;
	margin: 8px 0px 16px 0px;
}

#pictures #small-image-column-bottom {
	height: 109px;
	width: 324px;
	margin: 10px 0px 0px 0px;
}

#main-content {
	width: 960px;
	margin: 0 auto;
}

#main-content #main-content-left {
	background: url("../images/left-content-bg.png");
	width: 246px;
	height: 400px;
	padding: 10px 0 0px 0px;
	float: left;
}

#main-content #main-content-middle {
	width: 468px !important;
	padding: 15px 0 0 0;
	float: left;
    position: relative;
}

#main-content #main-content-middle a {
    color: #558430;
    text-decoration: none;
}

#main-content #main-content-middle a:hover {
    text-decoration: underline;
    cursor: pointer;
}

#main-content #main-content-middle #middle-content {
    padding: 10px 0px 0px 0px;
	position: relative;
}

#main-content #main-content-right {
	background: url("../images/right-content-bg.png");
	width: 246px;
	height: 400px;
	margin: 1px 0 0 0px;
	float: left;
}

#main-content #main-content-right #right-content {
	margin: 10px 0 0 23px;
}

#main-content #main-content-right #right-content img {
	margin: 5px 0 5px 0px;
}

#seperator {
	background: #E0E0E0;
	height: 1px;
	width: 960px;
	margin: 15px auto 0 auto;
}

#footer {
	width: 960px;
	padding: 0 0 20px 0;
	margin: 6px auto 10px auto;
}

#footer a:hover {
	text-decoration: underline;
}
/* End Structure & Stuff */

form p { 
	font-size: 11px; 
	position: relative; 
	padding-bottom: 5px;
}
form label { 
	font-weight: bold; 
	font-size: 12px;
}
form label small { 
	margin-bottom: 3px; 
	font-size: 11px; 
	color: #666; 
}
input.text-input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff; 
	border: solid 1px #cfcfcf; 
	font-size: 12px; 
	line-height: 29px; 
	padding: 6px; 
	margin: 7px 0; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	color: #666;
}
input.text-input.small { 
	width: 25%;  
}
input.text-input.medium { 
	width: 60%; 
}
input.text-input.large { 
	width: 97.5%;
}
input.text-input.true {
	border-color: #557c16;
}
input.text-input.false {
	border-color: #be2d09;
}
form p span {
	padding: 7px 0 0 5px;
	font-style: italic;
	height: 19px;
	display: inline-block;
	margin: 0 0 0 15px;
}
form p span.true {
	padding: 7px 0 0 25px;
	color: #557c16;
	background: url(../images/console/tick.png) left center no-repeat;
}
form p span.false {
	padding: 7px 0 0 25px;
	color: #be2d09;
	background: url(../images/console/error.png) center left no-repeat;
}
form select {
	width: 25%; 
	height: 30px; 
	border: none; 
	background: #fff; 
	border: solid 1px #cfcfcf; 
	font-size: 12px; 
	line-height: 29px; 
	padding: 6px; 
	margin: 5px 0; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	color: #666;
}
#ui-datepicker-div {
	font-size: 12px;
}
.ui-progressbar.ui-widget.ui-widget-content.ui-corner-all {
	float: left;
	display: block;
	width: 100%;
	height: 15px;
}

	/* Form Buttons */
	
	.button-input { 
		height: 27px; 
		padding: 0 6px 3px 6px; 
		margin: 5px 3px 0 0; 
		background: url(../images/button-repeat.png) center center repeat-x; 
		border: solid 1px #217b05;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px; 
		color: #fff; 
		text-align: center; 
		position: relative;
	}
	.button-input:hover { 
		text-decoration: underline; 
		cursor: pointer;
	}
		
	/* Form Buttons End */

/* Form Items End */