/* === set all margins and paddings to 0 for consistency === */
/** {
	margin: 0;
	padding: 0;
} */
/* ------------ line heights ---------------------------- */
/*p, .newsbody, li {
	line-height: 1.6em;
}
ul.box li {
	line-height: 1.4em;
}*/
/* ------------ margins --------------------------------- */

/* ------------ misc elements --------------------------- */


label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
}
span.required {
	color: #ccc;
	font-size: .9em;
}



/*#mainCol .boxBodyContainer h2 {
	font-size: 1.2em;
	font-weight: normal;
}*/
h2.home {
	padding: 20px 0 0 0;
}
#leftCol h2, #leftColWide h2, #rightCol h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 0em;
}
#mainCol h2, #mainColSide h2, #mainColSide-narrow h2 {
	font-size: 2.6em;
	font-weight: normal;
	line-height: 1em;
	/*padding: 20px 0 15px 0;*/
	margin: 0 0 0.5em 0;
}
#mainCol .pageHeaderText h2 {
	margin-bottom: 0;
}

#mainCol img.mainPic {
	margin: 0;
}
#mainCol .boxBodyContainer .pageHeaderText p, #mainColSide .boxBodyContainer .pageHeaderText p, #mainColSide-narrow .boxBodyContainer .pageHeaderText p {
	margin: 1em 0;
}
#mainCol .boxBodyContainer .pageHeaderText, #mainColSide .boxBodyContainer .pageHeaderText, #mainColSide-narrow .boxBodyContainer .pageHeaderText { 
	padding: 20px 0 0.4em 0;
	font-size: 0.9em; /* this will be inherited by the h2 element too!! */
}
/*#mainCol .boxBodyContainer .pageHeaderText h2 {
	margin: 0;
}*/

#mainCol .boxBodyContainer .left, #mainColSide .boxBodyContainer .left, #mainCol .boxBodyContainer .right, #mainColSide .boxBodyContainer .right, #mainColSide-narrow .boxBodyContainer .left, #mainColSide-narrow .boxBodyContainer .right {
	float: left;
	width: 49.9%;
	/*background-color: #f00;*/
}

#mainCol .boxBodyContainer .left60-40, #mainColSide .boxBodyContainer .left60-40,  #mainCol .boxBodyContainer .right60-40, #mainColSide .boxBodyContainer .right60-40 {
	float: left;
}
#mainCol .boxBodyContainer .left60-40, #mainColSide .boxBodyContainer .left60-40 {
	width: 59.9%;
}
#mainCol .boxBodyContainer .right60-40, #mainColSide .boxBodyContainer .right60-40 {
	width: 39.9%;
}
#mainCol .boxBodyContainer .left60-40 .contentPadding, #mainColSide .boxBodyContainer .left60-40 .contentPadding {
	margin-right: 15px;
}
#mainCol .boxBodyContainer .right60-40 .contentPadding, #mainColSide .boxBodyContainer .right60-40 .contentPadding {
	padding-left: 15px;
	border-left: 1px solid #666;
}
/*#mainCol .mainCol3wayFeature td p {
	padding: 10px;
}*/

#mainCol .clientTypesHome {
	margin: 7px 0 0 0;
	padding-bottom: 2px;
}
#mainCol .clientTypeBox {
	float: left;
}
#mainCol .clientTypeBox img {
	display: block;
	margin-bottom: 1px;
}
#mainCol .fabricators {
	width: 193px;
}
#mainCol .architects {
	width: 193px;
}
#mainCol .contractors {
	width: 214px;
}
#mainCol .fabricators img {
	margin: 0 0 0 10px;
}
#mainCol .architects img {
	margin: 0 10px 0 0;
}
#mainCol .contractors img {
	/*width: 214px;*/
	margin: 0 15px 0 16px;
}
/*#mainCol .contractors div {
	margin: 0 15px 0 16px;
}*/
/*#footerbar {
	padding: 0.6em;
	margin-top: 0em;
	background: #eee;
	border-width: 0 0 1px 0;
	border-color: #000 #000 #bbb #000;
	border-style: solid;
}*/



/* ------------ other main page block settings ---------- */
/*#sidebarright > div > h4:first-child {
	margin-top: 0;
} 
#mainblockside > div > h2, #mainblockfull > div > h2 {
	margin-top: 0;
}*/

/* ------------ products pages -------------------------- */

/* ============= generic content objects ================ */
.mainCol3wayFeatureOuter {
	position: relative;
}
table.mainCol3wayFeature {
	width: 580px;
	margin: 7px 10px 0 10px;
	background: transparent url( ../images/bg_mainCol3wayFeature.gif ) repeat-y top;
	/*position: relative;*/
	/*background-color: #f00;*/
}
table.mainCol3wayFeature td {
	background-color: transparent;
	/*position: relative;*/
	vertical-align: top;
	font-size: 0.9em;
	padding: 0 0 10px;
}
table.mainCol3wayFeature td img {
	margin: 0;
}
table.mainCol3wayFeature td.left {
	width: 187px;
	/*background-color: #0f0;*/
} 
table.mainCol3wayFeature td.center {
	width: 206px; /* 186 = visible width of the actual box */
	/*background-color: #00f;*/
}
table.mainCol3wayFeature td.right {
	width: 187px;
	/*background-color: #f00;*/
}
table.mainCol3wayFeature td.left .contentPadding, table.mainCol3wayFeature td.right .contentPadding  {
	margin: 0; /* allow for width of borders in the margin */
}
table.mainCol3wayFeature td.center .contentPadding {
	margin: 0 10px; /* allow for width of borders in the margin */
}
#mainCol table.mainCol3wayFeature td img {
	margin: 0;
}
table.mainCol3wayFeature td.left img.boxBottom {
	position: absolute;
	bottom: 0px;
	left: 10px;
}
table.mainCol3wayFeature td.center img.boxBottom {
	position: absolute;
	bottom: 0px;
	left: 207px;
}
table.mainCol3wayFeature td.right img.boxBottom {
	position: absolute;
	bottom: 0px;
	left: 403px;
}
.line {
	background: url( ../images/dotted_line_grey_medium.gif ) repeat-x center;
	font-size: 1px;
	line-height: 1px;
	padding: 20px 0;
	margin: 0 -10px;
}
/* ============= product layout ========================= */

.productLayoutAlumin h3, .productLayoutHybrid h3 {
	margin-top: 0;
}
.productLayoutAlumin p, .productLayoutHybrid p {
	margin: 1em 0;
}
.productLayoutAlumin .pictureRight, .productLayoutHybrid .pictureRight, .pictureRight {
	float: right;
	margin: 0 0 10px 10px;
}
.productLayoutAlumin .pictureLeft, .productLayoutHybrid .pictureLeft, .pictureLeft {
	float: left;
	margin: 0 10px 10px 0;
}

/* IMAGE ZOOM STYLING FOR DRAWINGS */

/* */

a.imgZoom:link, a.imgZoom:active, a.imgZoom:visited, a.imgZoom:hover  {
	text-decoration: none;
}

.imgZoom p {
	margin-top: 0px; 
	padding: 0.5em 3px 0.5em 26px;
	background-image: url(../images/zoom_icon.gif); 
	background-repeat: no-repeat;
	background-position: 2px 0.2em;
	background-color: #fafafa;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #e2e2e2;
}
img.plan {
	border: 1px solid #e2e2e2;
}
/* ------------ main page headings --------------------------- */
#mainCol .productLayoutAlumin h2, #mainCol .productLayoutHybrid h2 {
	padding: 20px 250px 20px 0;
	font-size: 1.8em;
}
.productLayoutAlumin h2, .productLayoutHybrid h2 {
	padding: 20px 0 15px 0;
	margin: 0;
}
.productLayoutAlumin h2 {
	background: url( ../images/logo_senior_aluminium_header.gif ) no-repeat 100% 50%;
}
.productLayoutHybrid h2 {
	padding-right: 100px;
}
.materialsLayout .contentHeaderLogo {
	padding: 20px 0;
}
.materialsLayout .contentHeaderLogo img {
	display: block;
	float: right;
}

#mainCol .boxBodyContainer #child-company-logo, #mainColSide .boxBodyContainer #child-company-logo, #mainColSide-narrow .boxBodyContainer #child-company-logo {
	position: absolute;
	top: 15px;
	right: 10px;
}

/* ============= case studies ================================ */

/* case studies page */

div.caseStudyBox {
/*	border: 1px solid #91aacc;
	width: 230px;
	float: right;*/
	margin: 0;
}

div.caseStudyBox ul {
	/*margin: 4px;
	padding: 0;
	
	width: 222px;*/
	list-style: none;
	margin: 0 -5px;
	padding: 0;
	background: transparent;
}
div.caseStudyBox ul li {
	/*line-height: 1.4em;*/
	padding: 3px 0 3px 45px;
	margin: 4px 0;
	font-size: 1em;
	background-color: #efefef;
	background-repeat: no-repeat;
	background-position: left;
}
div.caseStudyBox ul li span.related { /* used for related products next to project title */
	font-size: 0.9em;
}
div.caseStudyBox ul li span.related a:link, div.caseStudyBox ul li span.related a:visited {
	color: #999;
}

/* for each list item, a different image */
div.caseStudyBox ul li.sps_aerostructures {
	background-image: url(../images/icon_sps_aerostructures.jpg);
}
div.caseStudyBox ul li.westborne_school {
	background-image: url(../images/icon_westborne_school.jpg);
}
div.caseStudyBox ul li.powergen {
	background-image: url(../images/icon_powergen.jpg);
}
div.caseStudyBox ul li.brewery_wharf {
	background-image: url(../images/icon_brewery_wharf.jpg);
}
div.caseStudyBox ul li.manor_park {
	background-image: url(../images/icon_manor_park.jpg);
}
div.caseStudyBox ul li.st_anns_school {
	background-image: url(../images/icon_st_anns_school.jpg);
}
div.caseStudyBox ul li.the_crossings {
	background-image: url(../images/icon_the_crossings.jpg);
}
div.caseStudyBox ul li.prolog {
	background-image: url(../images/icon_prolog.jpg);
}
div.caseStudyBox ul li.clarks {
	background-image: url(../images/icon_clarks.jpg);
}
div.caseStudyBox ul li.surestart {
	background-image: url(../images/icon_sure_start.jpg);
}

div.caseStudyBox ul li a:link, div.caseStudyBox ul li a:visited {
	color: #666666;
	text-decoration: none;
}
div.caseStudyBox ul li a:hover, div.caseStudyBox ul li a:active {
	color: #98CC00;
	text-decoration: underline;
}
/* ============= cms box ================================ */

.boxContainer {
	margin: 0 0 15px 0;
	background: transparent;
}
.boxContainer img {
	display: block;
}
ul.box {
	/*font-size: 1em;*/
	list-style: none;
	padding: 0.7em 0;
	margin: 0;
	background: transparent;
}
ul.box li {
	/*background: url( ../images/dotted_line_grey_medium.gif ) repeat-x bottom;*/
	background: url( ../images/vnav_arrow.gif ) no-repeat 3px 0.25em;
	padding: 0 0 0.4em 10px;
	color: #666;
	font-family: arial, geneva, sans-serif;
	margin: 0.5em 0 0.4em -10px;
	/*list-style-image: url(../images/vnav_arrow.gif);
	list-style-position: outside;*/
}
ul.box li p {
	margin: 0;
	font-size: 0.9em;
}
ul.box p.date {
	font-size: 1.1em;
	color: #849b35;
}
ul.box li h3, ul.box li h4 { /* news item title */
	font-family: arial, geneva, sans-serif;
	font-size: 1.1em;
	line-height: 1em;
	margin: 0;
	padding: 00;
	font-weight: bold;
}
ul.box h3 a:link, ul.box h3 a:visited {
	color: #666;
	text-decoration: none;
}
ul.box h3 a:hover, ul.box h3 a:active {
	color: #ff6633;
}
.boxContainer h2 {
	font-weight: normal;
}
/* sub category */
h3.box, h3.boxSelected { 
	margin: 0 -10px;
	padding: 0.2em 0.5em 0.3em 10px;
	font-size: 0.9em;
	font-weight: normal;
	background: #efefef;
	border-width: 1px 0;
	border-color: #dedede;
	border-style: solid;
	text-transform: uppercase;
	color: #1F4B77;
}
h3.box a {
	text-decoration: none;
}
h3.boxSelected {
	margin: 0 -10px;
	background: #e7e7e7;
	border-width: 1px 0;
	border-color: #d3d3d3;
	border-style: solid;
	font-weight: bold;
}
h3.box a:link, h3.box a:visited {
	color: #666666;
	text-decoration: none;
}
h3.box a:hover, h3.box a:active {
	color: #0055e5;
	text-decoration: underline;
}
h3.boxSelected a {
	color: #98CC00;
	font-style: italic;
	text-decoration: none;
}
.boxContainer h4 a:link, .boxContainer h4 a:visited {
	color: #666666;
	text-decoration: none;
}
.boxContainer h4 a:hover, .boxContainer h4 a:active {
	color: #0055e5;
	text-decoration: underline;
}
.newsArticle h4 {
	margin: 0 0 0.5em 0;
}

/* ============ news page styles ======================== */
#newsContent h3, #linksContent h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	background: #efefef;
	border: 1px solid #dedede;
	margin: 1.5em 0;
	padding: 0.3em;
}

/* ============= forms ================================== */
form.contact label, form.contact span.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 90px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.mailinglist {
	margin-top: 2em;
}
form.mailinglist label, form.mailinglist span.label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 250px; 
	padding: 0; 
	margin: 0px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
}
form.contact input, form.contact textarea, form.contact select, form.mailinglist input, form.mailinglist textarea, form.mailinglist select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:0 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	color: #888659;
}
form.contact p {
	position: relative;
}
form.contact img#sc, form.mailinglist img#sc { /* set captcha image */
	display: block;
	float: left;
	border: 1px solid #000;
	position: relative;
	top: 0px;
	margin-left: 10px;
}
form.contact img#button, form.mailinglist img#button, form.literatureRequest img#button {
	display: inline;
}
form.contact input#reset, form.mailinglist input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form.contact small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}
form.contact p, form.mailinglist p {
	margin: 0;
}

form.contact .required, form.mailinglist .required {
	font-weight: normal;
} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

input, select, textarea {
	color: #888659;
}
label, .label, .labelError {	
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #FF8C00;
	font-size: .9em;
	font-weight: normal;
}
.optionalField {
	font-weight: normal;
}
form.contact .buttonBar, form.mailinglist .buttonBar {
	background: #fff;
	padding: 5px 5px 5px 90px;
}
label.error, .labelError {
	color: #f00;
	font-weight: bold;
}

form.literatureRequest .buttonBar {
	clear: left;
	background: #f5f5f5;
	padding: 0.3em;
}
.checkboxes label {
	display: inline;
	font-weight: normal;
}

/* ============ misc content styles ===================== */
.divider {
	margin: 0;
	clear: both;
}
.divider div {
	font-size: 1px;
	line-height: 1px;
	background: url( ../images/dotted_line_grey_medium.gif ) repeat-x center;
	padding: 7px 0;
}
div.hr {
	background: url( ../images/dotted_line_grey_medium.gif ) repeat-x center;
	margin: 2em 0;
}
div.hr div {
  font-size: 1px;
  line-height: 1px;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #ff8c00;
	margin: 0 0 1em 0;
}
div.uiFeedback {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}

div#helpLink p {
	background-image: url( ../images/icon_help_techmanual.gif );
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 5px 30px 5px 30px;
	margin: 0;
	text-align: right;
}
/* ------------ branch network page --------------------- */
h3.branch_one {
	padding: 0 0 0 26px;
	background: url(../images/header_icon_one.gif) no-repeat 0 0.1em;
}

h3.branch_two {
	padding: 0 0 0 26px;
	background: url(../images/header_icon_two.gif) no-repeat 0 0.1em;
}

h3.branch_three {
	padding: 0 0 0 26px;
	background: url(../images/header_icon_three.gif) no-repeat 0 0.1em;
}

h3.branch_one img, h3.branch_two img, h3.branch_three img {
	margin-bottom: -3px;
}
/* ------------ site map lists -------------------------- */

ul.siteMapL1, ul.L2, ul.L3 {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.siteMapL1 li {
	background-color: #f5f5f5;
	background-image: url( ../images/bullet_round-corner_square_green.gif );
	background-repeat: no-repeat;
	background-position: 10px 0.8em;
	margin:1em 0;
	padding: 0.5em 0 0.5em 22px;
	border: 1px solid #e3e3e3;
}
ul.siteMapL1 ul li {
	background-color: transparent;
	margin: 0;
	/*padding: 0;*/
	border-width: 0;
}
ul.L2, ul.L3 {
	margin-left: 0.5em;
	padding-left: 0;
}
ul.L2 li, ul.L3 li {
	padding: 0.3em 0 0.3em 12px;
	background-position: 0 0.6em;
}
ul.L2 li {
	background-image: url( ../images/bullet_round-corner_square_blue.gif );
}
ul.L3 li {
	background-image: url( ../images/bullet_round-corner_square_orange.gif );
}


/* ------------ document lists -------------------------- */

ul.xls {
	
	padding: 0;
	list-style: none;
}
ul.xls li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../images/icon_xls.gif) no-repeat 0 0.1em;
}

ul.doc, ul.pdf, ul.file {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
ul.doc li, ul.pdf li, ul.xls li, ul.file li {
	margin: 0;
	padding: 3px 0 3px 20px;
	margin-bottom: 0.1em;
}
ul.file li.dwg {
	background: url(../images/icon_dwg.gif) no-repeat 0 0.1em;
}
ul.file li.dxf {
	background: url(../images/icon_dxf.gif) no-repeat 0 0.1em;
}
ul.file li.pdf {
	background: url(../images/icon_pdf.gif) no-repeat 0 0.1em;
}
ul.file li.xls {
	background: url(../images/icon_xls.gif) no-repeat 0 0.1em;
}
ul.doc li {
	background: url(../images/icon_doc.gif) no-repeat 0 0.1em;
}
ul.pdf li {
	background: url(../images/icon_pdf.gif) no-repeat 0 0.1em;
}

ul.doc li.pdf {
	background: url(../images/icon_pdf.gif) no-repeat 0 0.1em;
}

/* ============ tech manual ============================= */

.selectedNode {
	font-weight: bold;
	background: #cedef6;
}
ul.tree, ul.tree ul {
	margin: 0;
	padding-left: 0;
}
ul.tree {
	margin-top: 1em;
}
ul.tree li {
	padding: 0;
	margin: 0 0 0.1em 0;
	list-style-type: none;
	font-size: 1em;
}


/*TEST AND REMOVE*/

#leftCol ul.tree li img,  #mainCol ul.tree li img, #mainColSide ul.tree li img {
	display: inline;
}
.techManualUiHeader {
	background-color: #eeeeee;
	padding: 0.3em;
	border: 1px solid #dfdede;
}

table.docLibrary tr td.tree {
	padding: 1em 1em 0 0;
	border-right: 1px solid #ccc;
	width: 1%;
	white-space: nowrap;
}
table.docLibrary tr td.docList {
	padding: 1em 0 0 1em;
	width: 99%;
}
table.docLibrary tr td.docList h3 {
	font-size: 1.1em;
	margin-top: 0;
}