/*
#f89829 - Orange for Headings & body text links
#be9e55 - Brown for body text.
#0d2647 - Contrast for prominent Links (ie Top, More etc)
*/


/* ------------------------------------------------------------------------------------*/

@media screen,print
{

/* ------------- DEFAULT FONT / LINKS ------------ */

body,td,th {
	color: #be9e55;
}
body,html {
	height:100%;
}
body {
	margin: 0px;
}
/* Default font */
body, p, a, td, #centrecolbody, #centrerightcolbody {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	text-decoration: none;
}
body, p, a, #centrecolbody, #centrerightcolbody {
	text-align: left;
}
p, a {
	margin: 0px 0px 4px 0px;
}

a { color: #f89829; }

a:visited { color:#f89829; text-decoration:none }
a:link { color:#f89829; text-decoration:none }
a:hover { color:#0d2647; text-decoration:none }

h1, h1 p, h2 {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #f89829;
	font-weight:normal;
	text-decoration: none;
	text-align: left;
	margin: 14px 0px 5px 0px;
	padding: 0px;
}

/* Might be used for Page TItles if a H1 is difficult */
.pagetitle p {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #f89829;
	font-weight:normal;
	text-decoration: none;
	text-align: left;
	margin: 14px 0px 5px 0px;
	padding: 0px;
}


/* ------------- SHORT BANNER TEMPLATES ------------ */

#upperContent {
	width:970px;
	margin:0px;
	padding:0px;
	border:none;
	background-color:#FFF;
}
#upperContent td, #upperContent img {
	margin:0px;
	padding:0px;
}
/* This left column collapses for printing - bullets scale better */
#leftcoltop {
	height:206px;
	overflow:hidden;
}
#centrecoltoptd {
	width:370px;
}
#centrecoltop {
	height:206px;
	overflow:hidden;
}
#rightcoltoptd {
	width:319px;
}
#rightcoltop {
	height:206px;
	overflow:hidden;
}


/* ------------- TALL BANNER TEMPLATES ------------ */

#upperContentTall {
	width:970px;
	margin:0px;
	padding:0px;
	border:none;
	background-color:#FFF;
}
#upperContentTall td, #upperContentTall img {
	margin:0px;
	padding:0px;
}
/* This left column collapses for printing - bullets scale better */
#leftcoltoptall {
	height:302px;
	overflow:hidden;
}
#centrecoltoptdtall {
	width:370px;
}
#centrecoltoptall {
	height:302px;
	overflow:hidden;
}
#rightcoltoptdtall {
	width:319px;
}
#rightcoltoptall {
	height:302px;
	overflow:hidden;
}

/* Sub Nav */
#subnavoutertable {
	width:370px;
	height:302px;
	overflow:hidden;
}


/* Following widths/heights are now set in table - 7/2/08 - will use background img on table for easier CMS templates */
#subnavoutertabletd1 {
	height:105px;
	overflow:visible;
}
#subnavoutertabletd2 {
	height:197px;
}
#subnavinnerdiv {
	margin:0px;
	padding:0px;
	vertical-align:top;
	overflow:visible;
	width:370px;
	height:197px;
}
#subnavinnertable {
	width:370px;
	height:197px;
}

#subnavinnertable td {
	width:123px;
}



div.subNavColumn {
	margin:0px;
	padding: 6px 4px 4px 7px;
}
div.subNavColumnNoHeading {
	padding: 6px 4px 4px 7px;
}

div.subNavColumn, div.subNavColumnNoHeading {
	text-align:left;
	vertical-align:top;
}

.subNavHeading {
	margin-top:0px;
	margin-bottom:6px;
	padding:0px;
	display:block;
	color: #fff; 
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	text-decoration: none;
}

div.subNavColumn a, div.subNavColumnNoHeading a {
	margin-top:0px;
	margin-bottom:6px;
	padding: 0px;
	color:#be9e55;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:13px;
	display: block;
	text-decoration: none;
	text-align: left;	
	text-indent: 0px;
}

div.subNavColumn a:hover, div.subNavColumnNoHeading a:hover { color:#f89829; }

.subNavColumn ul {
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.subNavColumn li {
	font-size: 11px;
	line-height: 13px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	display: inline;
}

.ThirdLevelMenuItem {
	color: #ffffff;
}



/* ------------- MAIN BODY CONTENT -------------------------------------- */

/* See Fonts for p, a, body etc above at top */

/* See @print vs @screen for WIDTH */
#lowerContent {
	background:#FFF;
	margin:0px;
	padding:0px;
	border:none;
	background-color:#FFF;
}
/* Consider collapsing this left col for printing */

#centrecolbodytd {
	width: 370px;
	border-left: 1px solid #ebe2cc;
}
#centrecolbody {
	display: block;
	width: 343px;
	margin: 4px 20px 10px 7px;
}
#rightcolbodytd {
	width: 319px;
}
#rightcolbody{
	display: block;
	padding: 0px;
}

/* Info Table in content - see common questions for example */
#infoTable {
	margin: 0px;
	border: 1px solid #ebe2cc;
	border-collapse: collapse;
	padding: 0px;
}

#infoTable td {
	margin: 0px;
	border: 1px solid #ebe2cc;
	padding: 2px 4px;
}

#infoTable tr td:first-child {
	padding-left: 10px;
}

#infoTable tr.alt td {
	background-color: #F6F4F1;
}

ul { 
	margin-top: 4px;
	margin-left: 0px;
	padding-left: 0px;
}
/* Do not use Display:Block for FF on li */
li {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	margin: 0px 0px 4px 17px;
	padding-top:0px;
	padding-left:0px;
	text-align: left;
	list-style-position:oustide;
}
/*	


	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	margin: 0px 0px 4px 17px;
	text-align: left;
	list-style-position:oustide;
	list-style-image:url(/images/starbullet.gif);
	
		
	width:100px;
	!width:110px;
	_width:105px;

	
	
	background-image:url(/images/starbullet.gif);
	background-position: -15px 2px;
	background-repeat:no-repeat;
*/	

a.mmenu {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:17px;
	color: #be9e55;
	display: block;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	padding: 0px;
}


/* Special template joining columns 2 & 3. In case we need it. */

#centrerightcolbodytd {
	width:689px;
	border-left: 1px solid #ebe2cc;
}
#centrerightcolbody {
	padding:4px 20px 10px 7px;
}


/* ------------- BACK TO TOP ----------- */

#backtotop {
	text-align: left;
	position: relative;
	display: block;
	width: 343px;
	margin: 4px 20px 20px 7px;
}
#backtotop a {
	padding: 0px;
	color:#0d2647;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:19px;
	display: block;
	text-decoration: none;
	text-align: left;	
	text-indent: 0px;
}
/* Put image in anchor */
/*
	background-image: url('/images/top.gif');
	background-repeat: no-repeat;
	background-position: 20 6;
*/


/* ------------- FORM STYLES ----------- */

/* set id="formstyles" on the form, then class="formfield" on elements */
#formstyles {
	margin:0px;
	padding:0px 20px 10px 7px;
	text-align:left;
	height:inherit;
}
#formstyles form {
	height:inherit;
	margin:0px;
	padding:0px;
	display:block;
}
/* Labels */
#formstyles  {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 4px 0px;
}
/*  */
#formstyles .formfield {
	margin:0px;
	padding: 1px 2px;
	
	width:190px;
	background-color:#fab76a !important;
	color: #0d2647 !important;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#formstyles .formbutton {
	margin:0px;	
	padding: 1px 2px;
	
	width:80px;
	background-color: #f6f4f1;
	color: #0d2647 !important;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}



/* ------------- SEARCH RESULTS CONTENT ----------- */

#searchresults {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	text-decoration: none;
	text-align: left;
	margin: 0px 0px 4px 0px;
}
#searchresults img { border:0px; }	

/* from H1 above */
.general_body {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	color: #be9e55;
	font-weight:normal;
	text-decoration: none;
	text-align: left;
	margin: 14px 0px 5px 0px;
	padding: 0px;
}

#searchresults a { color: #f89829; }

#searchresults a:visited { color:#f89829; text-decoration:none }
#searchresults a:link { color:#f89829; text-decoration:none }
#searchresults a:hover { color:#0d2647; text-decoration:none }



/* ------------- HOME NEWS ------------ */

#homeNewsTable {
	background:#FFF;
	width:970px;
	height:198px;
}
#homeNewsHeading {
	height:100%;
	text-align:right;
	vertical-align:top;
	width:135;
	padding: 0px 21px 0px 190px;
}
div.homeNewsColumn, div.homeNewsColumn2 {
	text-align:left;
	vertical-align:top;
	width:130px;
	height:100%;
	border-left: 1px solid #ebe2cc;
}
div.homeNewsColumn {
	padding: 0px 12px 40px 7px;
}
div.homeNewsColumn2 {
	padding: 0px 40px 40px 7px;
}

.homeNewsText {
	display:block;
	color: #be9e55; 
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:15px;
	text-decoration: none;
}
/* if arrows don't print well, hide them on printing */
.homeNewsMore, a.homeNewsMore  {
	margin-top:8px;
	padding: 0px;
	color:#0d2647;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:19px;
	display: block;
	background-repeat: no-repeat;
	background-position: 28 6;
	text-decoration: none;
	text-align: left;	
	text-indent: 0px;
}

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

/* ------------- SEARCH BOX ------------ */

#searchBox {
	position: relative;
	top: 15px;
	background-color: #f89829;
	width: 170px;
	height: 27px;
	overflow: hidden;
	border-left: 1px solid #dfcfaa;
}
#search_basic_form {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#searchBox .field_style {
	margin: 0px;
	padding: 1px 2px;
	position: absolute;
	top:6px;
	left:48px;
	width:92px;
	height:16px;
	border:none;
	background-color:#fab76a;
	color: #0d2647;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#search_basic_button a img {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 140px;
	top: 0px;
	width: 30px;
	height:27px;
}


/* ------------- FOOTER ------------ */

#footer td {
	text-align:right !important;
}
.footer2 {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	line-height:12px;
	color: #be9e55;
	text-decoration: none;
	text-align: right;
	margin: 0px 0px 0px 0px;
	text-indent: 0px;
	padding: 0px;
}

#Page-Footer {
	text-align:right;
}

#footer a:visited { color:#be9e55; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; font-size:10px; line-height:12px; }
#footer a:link { color:#be9e55; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; font-size:10px; line-height:12px; }
#footer a:hover { color:#0d2647; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; text-decoration:none; font-size:10px; line-height:12px; } 
	
	
	

/* ------------- MAIN NAV ------------ */

#navstriptable {
	background-repeat: repeat-x;
}


/* Nav - Drop Down background panel */

	/* Opacity on an HTML layer. Properties: FILTER works for IE, Opacity for FF.
	   POSITION ensures its a floating LAYER not an in page 'DIV'.
	   Clever positioning/centring of layer within centred layout thru: Zero size PARENT DIV that sites 
	   inside page with Position: RELATIVE. Then this layer sits inside that with position ABSOLUTE 
	   at 0,0 to its parent. Works nicely and doesn't push content down.
	   Z-INDEX ensures it sits OVER other items - may need to adjust. */

#navPanelShow {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 970px;
	z-index: 1;
	background-color: #000000;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.75);
	opacity: 0.75;
}
#navPanelShowMacFF {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 970px;
	z-index: 1;
	background: url(/custom/files/media/transparentmenubacking.png);
}
#navPanelHide { display:none; }


/* Design mode properties are NOT used in Production. Milon writes these properties into the outer DIV and doesn't use this ID for the DIV. */
#designmode {
	position: absolute;
	left: 53px;
}
.mmenu {
	border-left: 1px solid #9e8147;
	padding: 2px 0px 0px 9px;
}
.milonictable {
	
}

#designmode td, #designmode a {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	line-height:17px;
	color: #be9e55;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 2;
	text-decoration: none;
	text-align: left;
	text-indent: 10px;
	padding: 0px;
}

#designmode a:visited { color:#be9e55; text-decoration:none }
#designmode a:link { color:#be9e55; text-decoration:none }
#designmode a:hover { color:#FFFFFF; text-decoration:none }



		/*
			MILONIC MENU STYLES - TWEAK ONCE MENU CREATED.
		
			(border-left: 1px solid #9e8147;)
			border: 0px 0px 0px 1px;
			padding: 2px 0px 29px 9px;
			
			  -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 1000; visibility: visible; position: absolute; top: 96px; left: 264px;
		
		
		<centric_control type="dropdown_milonic" 
			menu_levels="3"
			style_level_1=""
			style_level_2="bgimage='/custom/files/subbackgroundoff.gif'; overbgimage='/custom/files/subbackgroundon.gif'; onbgcolor='#2d2d2d'; offbgcolor='#1d1d1d'; oncolor='#ffffff'; offcolor='#F9D925'; bordercolor='#9e8147'; borderstyle='solid'; borderwidth='1'; separatorcolor='#808585'; separatorsize='1'; rawcss='padding: 7px 10px'; fontsize='11'; fontstyle='normal'; fontweight='bold'; font='Arial, Verdana, Tahoma'; "
			style_level_3="onbgcolor='#EBEDD5'; offbgcolor='#FFFFFF'; oncolor='#000000'; offcolor='#000000'; bordercolor='#000000'; borderstyle='solid'; borderwidth=1; separatorcolor='#cc3300'; separatorsize='1'; rawcss='padding: 7px 10px'; fontsize='10'; fontstyle='normal'; font='Verdana, Arial'; low3dcolor='#CFCFCF'; pagecolor='#FF6633'; headercolor='#FFFFFF'; separatorcolor='#000000'; "
			menu_level_1="alwaysvisible=1; orientation='horizontal'; position='relative';"
			menu_level_2="itemwidth='153'; "
			menu_level_3="itemwidth='153';"
			menu_bgimages="";
			menu_over_bgimages=""
			menu_images="17=nav about_us,7=nav hardware,8=nav machinery,13=nav safety,20=nav reinforcing,21=nav structural_steel,49=nav portable_building_hire,50=nav on_site_service"
			menu_over_images="17=nav about_us on,7=nav hardware on,8=nav machinery on,13=nav safety on,20=nav reinforcing on,21=nav structural_steel on,49=nav portable_building_hire on,50=nav on_site_service on"
			menu_extras=""
			menu_close_delay="500"
			menu_open_delay="50"
			sub_offset_top="5"
			sub_offset_left="0"
			page_exclude="1,51,52,53,54,55"
			open_external_new_window="false"
			show_text_when_image_present="false"
			include_main_menu="false">
		*/

}


/* ------------------------------------------------------------------------------------*/

@media screen 
{

body {
	background-color: #f6f4f1;
}

#shadowLeft {
	width:8px;
}

#shadowRight {
	width:8px;
}

/* FULL width for screen display */

	#upperContent {	width:970px; }
	#leftcoltoptd { width:281px; }
	#lowerContent {	width:970px; }
	#leftcolbodytd { width:281px; }

/* FF issues with printing */
/*
#subnavinnerdiv {
	background-image:url(/images/sectionimages/portfoliocentretall.jpg);
}
*/


}

/* ------------------------------------------------------------------------------------*/

/*----- Print settings: Collapse Main Menu & Left columns to prevent content cropping. -----*/

@media print
{

html { height: auto; }
body { height: auto; }

/* Turn off all fixed width items, to let text wrap in print space. */

	#dontPrintTopShadow { display: none; }
	#shadowLeftDiv { display: none; }
	#shadowRightDiv { display: none; }
	
	#dontPrintFlashLogo { display: none; }
	#dontPrintMainMenu { display: none; }
	
	/* #mainTable { width: 92%; }  /* 92% is widest before FF crops text */
	
	#dontPrintBottomShadow { display: none; }
	#dontPrintFooter { display: none; }
	

/* LESS width for printing than on screen */

/* Following gets rid of left column, but doesn't stretch images. * /
	#upperContent {	width:389px; }
	#leftcoltop { width:0px; visibility:hidden; overflow:hidden; }
	#lowerContent {	width:689px; }
	#leftcolbody { width:0px; visibility:hidden; overflow:hidden; }
*/

/* FULL width for screen display */

	#upperContent {	width:970px; }
	#leftcoltoptd { width:281px; }
	
	#lowerContent {	width:970px; }
	#leftcolbodytd { width:281px; }


/* FF issues with printing.  _Items only register with IE */
/*
#subnavinnerdiv {
	_background-image:url(/images/sectionimages/portfoliocentretall.jpg);
	!background-image:url(/images/sectionimages/portfoliocentretall.jpg);
}
*/
.subNavHeading {
	color: #f89829;
}



/*
	Examples only:
	#oneColContentLeftTD { width: auto; border: 0; margin: 0 0; padding: 0 5%; } /* FF printing didn't respond to: margin 5% but did to padding 5% */
/*
	#twoColContentLeftTD { width:70%; margin:0px 0px 0px 0px; padding:0% 5% 0% 0%;}
	#twoColContentRightTD { width:30%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
*/

}