@import url("structure.css");
@import url("sitemap.css");

@media print {
	body,p,div,td,span {font: 10pt/15pt Verdana, Arial, Helvetica, sans-serif;}
	a {font: 10pt/15pt Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
	h1, h2, h3,	h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
   	blockquote,	pre { page-break-inside: avoid }
   	ul, ol, dl { page-break-before: avoid }
	table { page-break-inside: avoid }
}

body {
	margin: 0;
	padding: 0;
	background: #f2f2f2;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#414141;
}

.clearMe {
	clear:both;
}

/* ******************  Header styles  ************** */
#masthead div {
	position: absolute;
}
#topimg {
	top:0;
	right:0;
}
#logo {
	top:39px;
	left:0px;
}
#strapline {
	top:60px;
	left:20px;
	font-weight:bold;
	font-size:20px;
}
#topnavigation {
	top:7px;
	right:10px;
	background: #FFFFFF;
	border: 1px solid red;
	display:none;
}
.header-img-1{
	top:39px;
	left:252px;
}
.header-img-2{
	top:39px;
	right:0;
}
/* ******************  Main navigation styles  ************** */
#mainnavigation {
	text-align:center;
	top:0;
}
#mainnavigation ul {
	list-style: none;
	margin:0;
	padding:0;
	width:770px;
	height:39px;
	background:#108ec9 url(../i/nav-bg.gif) repeat-x;
}
#mainnavigation li {
	display: inline;
	margin:0;
	padding:0;
	list-style-type: none;
}
#mainnavigation a {
	text-decoration:none;
	font: 12px/40px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #FFFFFF;
	padding:7px 12px 8px 12px;
	font-weight:bold;
}
#mainnavigation li a:hover {
	color: #4b496e;
}
#mainnavigation li a.mainNavOn {
	color: #4b496e;
}


/* ******************  Sub navigation styles  ************** */
#subnavigation ul {
	padding:0;
	margin: 0;
	width:179px;
	background: none;
}
#subnavigation ul li {
	display: block;
	width: 179px;
	margin:0;
	padding:0;
	list-style-type: none;
}
#subnavigation ul li a, #subnavigation ul li span.inactive {
	text-decoration:none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	/*height: 19px;*/
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
	color: #4b496e;
	width: 177px;
	font-weight:bold;
}
#subnavigation ul li span.inactive {
	border-bottom:1px solid #d5d5d8;
}
#subnavigation ul li a:hover {
	color: #009dde;
}
#subnavigation ul li a.subOn {
	color: #009dde;
}

#subnavigation ul li.depth2 a {
	background:#eee;
	color: #4b496e;
	padding: 0 10px 0 28px;
	width:141px;
	font-weight:normal;
}

#subnavigation ul li.depth2 a:hover {
	background:url(../i/sub-nav-arrow.gif) 15px center no-repeat;
	color: #009dde;
}
#subnavigation ul li.depth2 a.subOn{
	background:url(../i/sub-nav-arrow.gif) 15px center no-repeat;
	color: #009dde;
}

#subnavigation ul li.depth3 a {
	color: #000;
	padding: 0 0 0 60px;
	width:118px;
	font-weight:normal;
}

#subnavigation ul li.depth3 a:hover {
	background:url(../i/sub-nav-arrow.gif) 45px center no-repeat;
	color: #009dde;
}
#subnavigation ul li.depth3 a.subOn {
	background:url(../i/sub-nav-arrow.gif) 45px center no-repeat;
	color: #009dde;
}


/* ******************  Standard text styles  ************** */
a {
	color: #0099ff;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	font-weight:bold;
	color:#4b496e;
}
h1 {
	font-size:15px;
	background:url(../i/h1-icon.gif) left no-repeat;
	padding:0 0 0 49px;
	margin:0 0 0 0;
}
h2 {
	font-size:14px;
	background:url(../i/h2-icon.gif) left center no-repeat;
	padding:0 0 0 35px;
}
h3 {
	font-size:13px;
}

h2.h2NoBoxes {
	font-size:14px;
	background:none;
	padding:0px;
}



/* ******************  Standard site image styles ************** */
img {
	border:none;
}

/* ******************  Contact form styles ************** */
#contactForm {
	width:754px;
	border-top:0 solid red;
	background:url(../i/featured-product-top.gif) left top no-repeat;
	padding:10px 0 0 0;
}
.details {
	border:solid 0 red;
	float:left;
	width:50%;
}
.enquiry {
	border:solid 0 red;
	float:right;
	width:50%;
}
#contactForm label {
	clear:both;
	display:block;
	float:left;
	width:300px;
	font-weight:bold;
}
#contactForm .error {
	color:#990000;
}
#contactForm label input, #contactForm label textarea {
	font: 12px/auto Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #0099ff;
}
#contactForm label input {
	width:300px;
	float:left;
	height:20px;
	line-height:20px;
}
#contactForm label textarea {
	width:300px;
	float:left;
	line-height:20px;
	height:240px;
}
#contactForm .footer {
	margin-top:20px;
	width:754px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../i/featured-product-footer.gif) left top no-repeat;
}

#contactForm .content{
	width:710px;
	border-right:1px solid #d5d5d8;
	background:#efefef;
	padding:1px 19px 6px 24px;
}

#contactForm .submit input{
	clear:both;
 	float:right;
 	margin:10px 0 0 0;
 	border:1px solid #d5d5d8;
 	background:#0099ff;
 	padding:2px;
 	text-align:center;
 	font-weight:bold;
 	color:#ffffff;
 	cursor:pointer;
}
#contactForm .footer .submit input {
 	height:25px;
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	background:#67a54b;
	width:100px;
	border:solid 1px #3b6e22;
	color:#ffffff;
	margin:0;
	padding:0;
}
#contactForm span.formElementError{
	font-weight:bold;
	color:#D02323;
}
#contactForm td.formElementRequired {
	width:15px;
	/* JR: Using an image because its hard to get a large font to work cross-browser */
	background: url(../i/requiredStar.gif) 0 3px no-repeat;
}

#contactForm #applicationNotes {
	border:1px solid #c6cfe1;
	margin:0px 0px 0px 0px;
	padding:5px;
	width:345px;
}


#contactForm #applicationNotes div.scroller {
	overflow:auto;
	height:545px;
	display:block;
}

#contactForm #applicationNotes label {
	width:325px;
}

#contactForm #applicationNotes legend {
	width:318px;
	display:block;
	color:#000;
	background:#EFEFEF;
	border:1px solid #c6cfe1;
}

#contactForm #applicationNotes label span{
	width:285px;
	float:left;
	padding-left:10px;
}

#contactForm #applicationNotes label input{
	width:20px;
	border:0px;
}

/* ******************  Standard site table styles ************** */

/* ******************  Forms ************** */
fieldset {
	border:1px solid #C4130D;
	margin:2em 20px;
	padding:10px;
}
fieldset.parent {
	padding-top:0;
	width:680px;
	margin:0 auto;
}

:root legend {
	margin-bottom:0pt;
}

legend {
	background:#C4130D none repeat scroll 0%;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:20px;
	padding:2px 6px;
}

#columnTwo ul, #singleColumn ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

form li label {
	display:block;
	float:left;
	margin-right:0.5em;
	text-align:right;
}
form ul li {
	background:transparent none repeat scroll 0%;
	clear:left;
	margin:0pt 0pt 1em;
	padding:0pt;
}
form label {
	width:9.5em;
}
li, dt, dd {
	line-height:130%;
}
input, select, textarea {
	font-family:verdana,"trebuchet MS",helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}
form .check span.name {
	margin-left:0pt;
	text-align:right;
	width:9.5em;
}
form .check span {
	display:block;
	margin-left:10em;
}
li.check
	li, dt, dd {
	line-height:130%;
}
form li.check label {
	display:inline;
	float:none;
	margin:0pt;
	text-align:left;
	width:auto !important;
}

/* ******************  Case Study Files ************** */
#caseStudyResults ul {
	list-style: none;
	margin:0 auto;
	padding:0;
	width:700px;
	height:auto;
	background: none;
}
#caseStudyResults ul li {
	display: block;
	margin:0;
	padding:0;
	list-style-type: none;
	width:220px;
	height:150px;
	float:left;
	margin: 0 0 20px 0;
	background:#e7e7df;
}
#caseStudyResults ul li.first {
	margin-right:20px;
}
#caseStudyResults ul li.second {
	margin-right:20px;
}
#caseStudyResults ul li a {
	display:block;
	width:200px;
	height:20px;
	margin:0;
	padding:130px 10px 0 10px;
	text-decoration:underline;
	font: 12px/10px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight:normal;
	color: #000000;
	text-align:center;
}
#caseStudyResults ul li a:hover {
	/*background:#f3f3ed;*/
}
#caseStudyResults ul li a.mainOn {
	background:#333739;
	font-weight:bold;
	border:solid 1px #42474A;
}
#caseStudyResults ul li a.mainOn:hover{
	color: #FFFFFF;
}

.caseStudyImgPrim {
	float:right;
	margin:0 0 15px 15px;
	border:solid 1px black;
}
.caseStudyImgLogo {
	float:right;
}
#caseStudyImgsSupp {
	clear:both;
	margin:0 auto;
	margin-top:20px;
	width:100%;
	text-align:center;
}
#caseStudyImgsSupp div {
	display:inline;
	margin: 0 5px 0 5px;
}
.cant-find-the-case-study {
	margin-top:15px;
	border:1px solid #95a486 !important;
    color:#3d6611 !important;
    background:#eff5ea;
    padding:15px;
    text-align:center;
    font-weight:bold;
}

/* ******************  News module styles ************** */
.newsListImg {
	padding-right:10px;
}
.newsListImg img {
	border:solid 1px #051747;
	margin:10px 0 10px 10px;
}

/* ****************** Paginate styles  ************** */

.listPaginate {
	padding:0;
	background: #e1e1e1 url(../i/iconHeadings.gif);
	border-top:solid 1px #d5d5d8;
	border-bottom:solid 1px #d5d5d8;
	font-size:11px;
	width:100%;
}

.listPaginate table tr td {
	margin:0;
	padding:0;
}

.listPaginate .listPaginateLinkNext {
	padding-right:20px;
	padding-left:20px;
}

.listPaginate .listPaginateLinkPrev {
	padding-left:20px;
	padding-right:20px;
}
.listPaginateLinkJump {
	text-align:center;

}
.listPaginate .paginateOn {
	padding:0 5px 0 5px;
	display:inline;
	margin:0 auto;
}

.listPaginate .paginateOff {
	padding:0 5px 0 5px;
	display:inline;
	margin:0 auto;
}

.listPaginate a {
	color:#2D444F;
	font-weight:bold;
}
.listPaginate a:hover {
	color:#D85909;
}
.listPaginate .paginateOn {
	color:#0099ff;
	font-weight:bold;
}
.listPaginateSpacer {
	font-size:0;
	line-height:1px;
	padding:0;
	margin:0;
	height:0;
	background:none;
	height:5px;
}

.spacerOne {
	height:10px;
	margin: 0;
    padding: 0;
}


/**************** Home Content Styles ******************/

#columnOne-home .page-title{
	background: url(../i/col-1-content-top-home.gif) bottom left no-repeat;
	padding:0 0 32px 24px;
	width:470px;
}
#columnOne-home .content{
	padding:20px 24px 0 24px;
	width:445px;
	background:#efefef;
	border-right:1px solid #d5d5d8;
}
#columnOne-home .content p{
	border:0 solid red;
	margin:0 0 20px 0;
}
#columnOne-home .footer{
	width:494px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../i/col-1-content-footer-home.gif) top left no-repeat;
}
#columnTwo-home .content{
	padding:2px 0 12px 16px;
	width:246px;
	background:#efefef;
	border-left:1px solid #d5d5d8;
}
#columnTwo-home .content img.top{
	margin:0 0 12px 0;
}
#columnTwo-home .footer{
	width:263px;
	height:9px;
	margin:0;
	padding:0;
	background:url(../i/col-2-content-footer.gif) top right no-repeat;
}


/**************** Content Styles ******************/

/*** Column One ***/
#columnOne .page-title{
	background: url(../i/col-1-content-top.gif) bottom left no-repeat;
	float:left;
	padding:0 0 32px 24px;
	width:538px;
}
#columnOne .content{
	padding:20px 24px 1px 24px;
	width:513px;
	float:left;
	background:#efefef;
	border-right:1px solid #d5d5d8;
}
#columnOne .content p{
	border:0 solid red;
	margin:0 0 20px 0;
}
#columnOne .content p img, #columnOne .content img{
	margin:10px 12px 10px 12px;
}

#columnOne .footer{
	width:562px;
	float:left;
	height:10px;
	margin:0;
	padding:0;
	background:url(../i/col-1-content-footer.gif) top left no-repeat;
}

/*** Column Two ***/
#columnTwo .content{
	padding:2px 0 12px 16px;
	width:179px;
	background:#efefef;
	border-left:1px solid #d5d5d8;
}
#columnTwo .content img.top{
	margin:0 0 12px 0;
}
#columnTwo .footer{
	width:196px;
	height:9px;
	margin:0;
	padding:0;
	background:#e1e1e1 url(../i/col-2-content-footer.gif) top left no-repeat;
}

/*** Single Column ***/
#singleColumn .page-title{
	padding:23px 0 32px 24px;
	width:720px;
}
#singleColumn .content{
	width:710px;
	border-right:1px solid #d5d5d8;
	background:#efefef;
	padding:1px 19px 6px 24px;
}
#singleColumn .top{
	width:754px;
	height:10px;
	margin:0;
	padding:0;
	line-height:10px;
	background:url(../i/featured-product-top.gif) left bottom no-repeat;
}
#singleColumn .footer{
	width:754px;
	height:10px;
	margin:0;
	padding:0;
	line-height:10px;
	background:url(../i/featured-product-footer.gif) left top no-repeat;
}

/***** Featured Product ******/

.featured-product{
	width:754px;
	border-top:0 solid red;
	background:url(../i/featured-product-top.gif) left top no-repeat;
	padding:10px 0 0 0;
}
.featured-product .content{
	width:710px;
	border-right:1px solid #d5d5d8;
	background:#efefef;
	padding:1px 19px 6px 24px;
	color:#808080;
}
.featured-product .content img{
	margin:9px 0 10px 30px;
	float:right;
}
.featured-product .footer{
	width:754px;
	height:10px;
	margin:0;
	padding:0;
	background:url(../i/featured-product-footer.gif) left top no-repeat;
}


/*** Members Styles ***/

#loginForm{
	
}
#loginForm input{
	margin:0 0 5px 0;
}
#loginForm #loginButton,
#logoutForm #logoutButton{
	background:#0099ff none repeat scroll 0 0;
	border:1px solid #d5d5d8;
	clear:both;
	color:#ffffff;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin:0;
	padding:4px 2px;
	text-align:center;
	width:80px;
}
#loginForm .formElementError,
p.error{
	color:#ff0000;
}

#userNameField,
#passwordField{
	width:200px;
	padding:3px;
}


/*** Scrapbook Styles ***/

#singleColumn #scrapbook-content{
	padding:1px 19px 6px 17px;
	width:717px;
}

#scrapbookTop,
#scrapbookMiddle,
#scrapbookBottom{
	float:left;
	width:717px;
}

#scrapbookTop{
	background:#000000 url(../i/scrapbook/scrapbook-bg-top.gif) no-repeat top left;
	height:24px;
}
#scrapbookMiddle{
	background:#000000 url(../i/scrapbook/scrapbook-binder-bg.gif) repeat-y top left;
	color:#4B496E;
	padding:0 0 0 42px;
	position:relative;
	width:675px;
}
#scrapbookBottom{
	background:#000000 url(../i/scrapbook/scrapbook-bg-bottom.gif) no-repeat bottom left;
	height:68px;
}

#scrapbookMiddle div{
	position:absolute;
}
.caption1{
	top:62px;
	left:73px;
}
.caption2{
	top:67px;
	right:29px;
}
.caption3{
	top:263px;
	left:309px;
}
.caption4{
	top:752px;
	left:74px;
}
.caption5{
	top:740px;
	right:170px;
}
.caption6{
	top:824px;
	right:99px;
}
.caption7{
	top:1200px;
	left:102px;
}
.caption8{
	top:1102px;
	right:64px;
}
.caption9{
	top:1276px;
	left:79px;
}
.caption10{
	top:1779px;
	left:357px;
}
.caption11{
	bottom:580px;
	left:220px;
}
.caption12{
	bottom:346px;
	right:80px;
}
.caption13{
	bottom:93px;
	left:148px;
}
.caption14{
	bottom:248px;
	right:102px;
}


/* ******************  lightbox Styles ************** */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.small {
	font-size:0.8em;
}