.noCSS {
	display: none;
}
/* Generic Styles */
body {
	margin: 0;
	padding: 0;
	background: #595959 url("/images/bgBody.gif") repeat-x 0 0;
	color: #a0a0a0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6,p,form {
	margin: 0;
}
input,select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.hide {
	display: none;
}
.clear {
	clear: left;
	float: left;
	width: 100%;
}
#wrapper {
	width: 990px;
	margin: 0 auto;
}
#outer {
	position: relative;
	float: left;
	width: 100%;
	background-color: #3b3b3b;
	color: #b4b4b4;
	z-index: 1;
}
#outer h1.uber {
	position: absolute;
	top: 12px;
	left: 26px;
	background-color: #d5d5d5;
	color: #88868b;
	font-size: 65%;
	font-weight: normal;
	line-height: 1.2em;
	z-index: 2;
}
#outer h1.uber a {
	background-color: #d5d5d5;
	color: #88868b;
}
#outer h1.uber a:hover,
#outer h1.uber a:focus,
#outer h1.uber a:active {
	background-color: #d5d5d5;
	color: #1860a9;
}

/* Top Styles */
#topbar {
	position: relative;
	float: left;
	width: 100%;
	background-color: #d5d5d5;
	color: #88868b;
}

#ukdatetime {
	float: left;
	padding: 12px 0 8px 26px;
	font-size: 65%;
	line-height: 1.2em;
}
#searchrss {
	float: right;
	padding: 6px 14px;
}
#searchrss a.rss {
	float: left;
	padding: 7px 28px 2px 0;
	background: #d5d5d5 url(/images/bulletTopbarRSS.gif) no-repeat right 0;
	color: #88868b;
	font-size: 70%;
	line-height: 1.2em;

	display: none;
}
#searchrss a.rss:hover,
#searchrss a.rss:focus,
#searchrss a.rss:active {
	background-color: #d5d5d5;
	color: #000000;
}
#formsearch {
	float: left;
	margin: 0 24px 0 0;
	font-size: 70%;
	line-height: 1.2em;

	margin: 0;
}
#formsearch input.submit {
	margin: 0 0 0 0.4em;
	background-color: #ababab;
	color: #ffffff;
	border: 1px solid #ababab;
	font-weight: bold;
	cursor: pointer;
}

#logobar {
	position: relative;
	clear: left;
	float: left;
	width: 100%;
	background-color: #ffffff;
	color: #888888;
	border-top: 1px solid #c5c5c5;
}
#logobar a {
	background-color: #ffffff;
	color: #888888;
}
#logobar a:hover,
#logobar a:focus,
#logobar a:active {
	background-color: #ffffff;
	color: #1860a9;
}
#logobar .container {
	float: right;
	width: 664px;
	margin: 0;
	padding: 24px 0 0;
}
#logo {
	float: left;
	border: 0;
}
#textsize {
	padding: 0 6px 0.6em 0;
	font-size: 70%;
	line-height: 1.2em;
	text-align: right;
}
#textsize .larger {
	font-size: 120%;
}
#textsize .largest {
	font-size: 140%;
}
#secondarynavbar {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 70%;
	line-height: 1.2em;
	list-style: none;
}
#secondarynavbar li {
	float: left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #b0b0b0;
	list-style: none;
}
#secondarynavbar li.first {
	border: 0;
}
#secondarynavbar li.logout {
	border-right: 1px solid #b0b0b0;
	border-left: 0;
}
#secondarynavbar li a {
	float: left;
	padding: 0 6px;
}
#secondarynavbar li.logout a {
	background-color: #ffffff;
	color: #ac2727;
}
#secondarynavbar li.logout a:hover,
#secondarynavbar li.logout a:focus,
#secondarynavbar li.logout a:active {
	background-color: #ffffff;
	color: #000000;
}
#logout {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 6px;
	background-color: #ac2727;
	color: #ffffff;
	font-size: 70%;
}
#logout a {
	background-color: #ac2727;
	color: #ffffff;
}
#logout a:hover,
#logout a:focus,
#logout a:active {
	background-color: #ac2727;
	color: #d69393;
}
#skiplink {
	position: absolute;
	top: 0;
	left: -999em;
	padding: 6px;
	font-size: 70%;
	z-index: 2;
}
#skiplink:focus,
#skiplink:active {
	top: 0;
	right: 0;
	left: auto;
	background-color: #f4f4f4;
	color: #787353;
}

#ident {
	clear: left;
	float: left;
	position: relative;
	width: 100%;
	background: #a3baca url(/images/bgIdent.gif) repeat-x 0 0;
	color: #7a899e;
	border-bottom: 1px solid #3b3b3b;
}
#ident .container {
	float: left;
	width: 100%;
	min-height: 318px;
	background: transparent url(/images/bgIdentContainer.jpg) no-repeat 0 0;
	color: #f7f6fc;
}
#ident .zonetwo {
	float: right;
	padding: 0 30px 0 0;
}
#ident .zonetwo .salesnav {
	float: left;
	width: 100%;
	margin: 0 0 1.2em;
	background: transparent url(/images/bgIdentSales.png) 0 0;
	color: #21333F;
}
#ident .zonetwo .salesnav a {
	background-color: transparent;
	color: #dddddd;
	text-decoration: none;
}
#ident .zonetwo .salesnav a:hover,
#ident .zonetwo .salesnav a:focus,
#ident .zonetwo .salesnav a:active {
	background-color: transparent;
	color: #ffffff;
	text-decoration: underline;
}
#ident .zonetwo .salesnav h6 {
	margin: 0 0 0.6em;
	font-size: 80%;
	line-height: 1.2em;
}
#ident .zonetwo .salesnav .col {
	float: left;
	padding: 14px 16px 4px;
	background: transparent url(/images/bgSalesActionA.gif) repeat-x 0 bottom;
	color: #0ca249;
	border-left: 1px solid #536472;
}
#ident .zonetwo .salesnav .first {
	border: 0;
}
#ident .zonetwo .salesnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 75%;
	line-height: 1.8em;
}
#ident .zonetwo .salesnav li.action {
	margin: 1.2em 0 0;
}
#ident .zonetwo .salesnav li.action a {
	display: block;
	padding: 0 0 0 6px;
	background: transparent url(/images/bulletSalesActionA.gif) no-repeat 0 55%;
	color: #4dcae9;
}
#ident .zonetwo .salesnav li.action a:hover,
#ident .zonetwo .salesnav li.action a:focus,
#ident .zonetwo .salesnav li.action a:active {
	background-color: transparent;
	color: #ffffff;
}

#screenshot {
	position: relative;
	float: left;
	height: 191px;
	margin: 56px 0 0;
}
#screenshot .item {
	position: absolute;
	top: 0;
	left: 0;
}
#screenshot img {
	display: block;
	width: 183px;
	height: 191px;
	border: 0;
}
#strapline {
	padding: 24px 0 12px;
	background-color: transparent;
	color: #a5a7a8;
	text-align: right;
}
#strapline span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 1.2em;
}

#navbar {
	clear: left;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #5f5f5f url(/images/bgNavbar.gif) 0 0;
	color: #c1c1c1;
	list-style: none;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
}
#navbar li {
	float: left;
	border-left: 1px solid #3b3b3b;
}
#navbar li.first {
	border: 0;
}
#navbar li a {
	float: left;
	padding: 12px 14px 12px 24px;
	background: #5f5f5f url(/images/bgNavbarLiA.gif) no-repeat 12px 19px;
	color: #c1c1c1;
	text-decoration: none;
}
#navbar li a:hover,
#navbar li a:active,
#navbar li a:active {
	background-color: #4388b5;
	color: #ffffff;
}
/* Main Styles */


#content {
	clear: left;
	float: left;
	width: 946px;
	padding: 20px 22px;
	background-color: #3b3b3b;
	color: #a0a0a0;
}
#content h6 {
	margin: 0 0 0.6em;
	background-color: #3b3b3b;
	color: #4388b5;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.6em;
}
#content h5 {
	margin: 0 0 0.6em;
	background-color: #3b3b3b;
	color: #ffffff;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.6em;
}
#content p {
	margin: 0 0 1.2em;
	font-size: 75%;
	line-height: 1.6em;
}
#content a {
	background-color: #3b3b3b;
	color: #909090;
}
#content a:hover,
#content a:focus,
#content a:active {
	background-color: #3b3b3b;
	color: #ffffff;
}
#content .highlight {
	background-color: #3b3b3b;
	color: #01a9d2;
}
#content a.sitelink {
	float: left;
	padding: 0 18px 0 0;
	background: #3b3b3b url(/images/bulletSiteLink.gif) no-repeat right 50%;
	color: #909090;
}
#content a.sitelink:hover,
#content a.sitelink:focus,
#content a.sitelink:active {
	background-color: #3b3b3b;
	color: #ffffff;
}
#content h1.main,
#content h2.main,
#content h6.main,
#breadcrumb {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 0.6em;
	background-color: #3b3b3b;
	color: #b0b0b0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
}
/*#content h6.main {
	clear: none;
	float: none;
}*/
#content h1.main a {
	text-decoration: none;
}
#content .columns {
	clear: left;
	float: left;
	width: 520px;
	padding: 1.2em 0 0;
}
#content .columns .col {
	float: left;
	width: 256px;
}
#content .columns .col.right {
	float: right;
}
#content .columns .col .editorial {
	width: 250px;
}

#content .download {
	margin: 0 0 1.2em;
	padding: 6px;
	list-style: none;
}
#content .download li {
	min-height: 16px;
	padding: 0 0 0 24px;
}
#content .download li {
	background: #3b3b3b url("/images/downloads/bulletFile.gif") no-repeat 0;
	color: #4388b5;
}
#content .download li.doc {
	background-image: url("/images/downloads/bulletDOC.gif");
}
#content .download li.dwg {
	background-image: url("/images/downloads/bulletDWG.gif");
}
#content .download li.dxf {
	background-image: url("/images/downloads/bulletDXF.gif");
}
#content .download li.gif {
	background-image: url("/images/downloads/bulletGIF.gif");
}
#content .download li.jpg {
	background-image: url("/images/downloads/bulletJPG.gif");
}
#content .download li.pdf {
	background-image: url("/images/downloads/bulletPDF.gif");
}
#content .download li.pps {
	background-image: url("/images/downloads/bulletPPS.gif");
}
#content .download li.swf {
	background-image: url("/images/downloads/bulletSWF.gif");
}
#content .download li.xls {
	background-image: url("/images/downloads/bulletXLS.gif");
}

#content .editorial {
	clear: left;
	float: left;
	width: 514px;
	padding: 0 0 0 6px;
}
#content .editorial ul {
	background-color: #3b3b3b;
	color: #4388b5;
	font-size: 75%;
	line-height: 1.4em;
}
#content .editorial ul ul,
#content .editorial ul ol,
#content .editorial ol ul,
#content .editorial ol ol {
	font-size: 100%;
}
#content .editorial li {
	margin: 0 0 0.2em;
}
#content .editorial img {
	padding: 1px;
	border: 1px solid #4388b5;
}
#content .editorial img.right {
	float: right;
	margin: 0 0 12px 12px;
}
#content .editorial img.left {
	float: left;
	margin: 0 12px 12px 0;
}
#content .editorial img.centre,
#content .editorial img.block {
	display: block;
}
#content .editorial img.centre {
	margin: 0 auto 12px;
}
#content .editorial img.block {
	margin: 0 0 12px;
}
#content .editorial img.nostyle {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	border: 0;
}
#content .companydetails {
	padding: 8px 0 0;
	background-color: #3b3b3b;
	color: #909090;
	border-top: 1px solid #5f5f5f;
	font-size: 70%;
	line-height: 1.4em;
}
#content .notice {
	padding: 4px 6px;
	background-color: #2f2f2f;
	color: #ffffff;
	text-align: center;
}
#content .notice p {
	margin: 0;
}

#breadcrumb {
	padding: 0;
	font-weight: normal;
	line-height: 1.4em;
	list-style: none;
}
#breadcrumb li {
	float: left;
}
#breadcrumb li a {
	background-color: #3b3b3b;
	color: #ffffff;	
	text-decoration: none;
}
#breadcrumb li a:hover,
#breadcrumb li a:focus,
#breadcrumb li a:active {
	background-color: #3b3b3b;
	color: #4388b5;
}
#breadcrumb h1,
#breadcrumb h2 {
	font-size: 100%;
	font-weight: normal;
}

#content .list {
	clear: left;
	float: left;
	width: 100%;
}
#content .list .row {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 1.2em;
}
#content .list .item {
	float: left;
}
#content .zoneone .list .item,
#content .zonefull .list .item {
	margin: 0 0 0 20px;
}
#content .zoneone .list .first,
#content .zonefull .list .first {
	margin: 0;
}
#content .zonetwo .list .item {
	clear: left;
	width: 100%;
}
#content .item.over {
	cursor: pointer;
}
#content .list .img {
	float: left;
	width: 118px;
	padding: 6px;
	background-color: #5f5f5f;
	color: #b0b0b0;
}
#content .list .img img,
#content .list .noimg a {
	display: block;
	border: 1px solid #5c5d5d;
}
#content .list .img img {
	width: 116px;
	height: 116px;
	padding: 0;
}
#content .list .noimg a {
	min-height: 30px;
	padding: 43px 6px;
}
#content .list .noimg {
	font-size: 70%;
	line-height: 1.2em;
	text-align: center;
}
#content .list .detail {
	float: left;
	min-height: 118px;
	padding: 6px 10px;
	background-color: #454545;
	color: #a0a0a0;
}
#content .list .detail a {
	background-color: #454545;
	color: #4388b5;
}
#content .list .detail a:hover,
#content .list .detail a:focus,
#content .list .detail a:active,
#content .item.over .detail a {
	background-color: #454545;
	color: #ffffff;
}
#content .list .detail h6 {
	background-color: #454545;
	color: #4388b5;
}
#content .list .detail p {
	margin: 0 0 0.6em;
}
#content .zonetwo .list .detail {
	width: 178px;
}
#content .zoneone .list .detail,
#content .zonefull .list .detail {
	width: 138px;
}
#content .package {
	background-color: #454545;
	color: #ffffff;
	font-size: 75%;
	line-height: 1.6em;
}
#content .list .nomatches {
	padding: 0 6px;
}

#content .zonecontainer {
	clear: left;
	float: left;
	width: 100%;
}

#content .zoneone {
	float: left;
	width: 596px;
}
#content .zonetwo {
	float: right;
	width: 328px;
	padding: 0 0 60px;
}
#content .zonetwo img {
	display: block;
	width: 312px;
	border: 8px solid #454545;
}
#content .zonetwo object.video {
	display: block;
	width: 328px;
	height: 246px;
	margin: 0 0 2.4em;
}
#content .zonefull {
	clear: left;
	float: left;
	width: 100%;
}

#pagelistzonetwo {
	clear: left;
	float: left;
	width: 100%;
}
#pagelistzonetwo .item {
	clear: left;
	float: left;
	width: 100%;
	margin: 0 0 2.4em;
}
#pagelistzonetwo .item img {
	width: 328px;
	border: 0;
}

#projectcycle {
	position: relative;
	height: 250px;
}
#projectcycle img {
	position: absolute;
	top: 0;
	left: 0;
}
#projectcyclenav {
	padding: 1px 0 0;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2em;
}
#projectcyclenav a {
	float: left;
	margin: 0 1px 0 0;
	padding: 3px 6px;
	background-color: #404040;
	color: #909090;
	text-decoration: none;
	outline: 0;
}
#projectcyclenav a:hover,
#projectcyclenav a:focus,
#projectcyclenav a:active {
	background-color: #454545;
	color: #ffffff;
}
#projectcyclenav a.activeSlide {
	background-color: #454545;
	color: #ffffff;
}

.standard {
	clear: left;
	float: left;
	margin: 0 0 1.2em;
	padding: 12px;
	background-color: #454545;
	color: #a0a0a0;
}
#content .zoneone .standard,
#content .zonefull .standard {
	clear: left;
	float: left;
}
.zoneone #formlogin {
	clear: left;
	float: left;
}
.standard table,
.standard .container {
	font-size: 75%;
}
.standard th,
.standard td {
	padding: 3px;
}
.standard th {
	text-align: left;
}
.standard th.sectionheading {
	background-color: #4c4c4c;
	color: #ffffff;
	border-top: 6px solid #454545;
	border-bottom: 6px solid #454545;
}
.standard th.first {
	border-top: 0;
}
#content .zoneone .standard th,
#content .zoneone .standard td {
	width: 240px;
}
.standard label small {
	font-weight: normal;
}
.standard input,
.standard select,
.standard textarea {
	background-color: #6f6f6f;
	color: #ffffff;
	border: 1px solid #2c2c2c;
}
.standard input,
.standard textarea {
	width: 160px;
}
.zonefull .standard input,
.zonefull .standard textarea {
	width: 320px;
}
.standard input[type="file"]{
	width: auto;
	background-color: #ffffff;
	color: #2c2c2c;
}
.standard input.submit {
	width: auto;
	margin: 0 0 0 4px;
	background-color: #2c2c2c;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.standard .required {
	background-color: #454545;
	color: #0CA249;
}

/* Footer Styles */
#footer {
	clear: left;
	float: left;
	width: 100%;
	padding: 16px 0;
	background-color: #292929;
	color: #ffffff;
	font-size: 70%;
	text-align: right;
}
#footer a {
	background-color: #292929;
	color: #ffffff;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	background-color: #292929;
	color: #4dcae9;
}
#footer .copyright {
	float: left;
	padding: 0 0 0 16px;
}
#navfooter {
	float: right;
	margin: 0;
	padding: 0 16px 0 0;
	list-style: none;
}
#navfooter li {
	float: left;
	border-left: 1px solid #ffffff;
}
#navfooter li.first {
	border: 0;
}
#navfooter a {
	padding: 0 6px;
}
