﻿@media print
{
	.print
	{
		DISPLAY:none;
	}
}
body {font-family: Arial, Trebuchet MS, Verdana, Helvetica, sans-serif;font-size: 75%;color: #231F20;margin: 0px;background-color: #C9C9C1}
#shell {text-align: center;width: 100%;margin: 0px;padding: 0px;height: auto}

#topbck {min-height: 237px;border-bottom: 6px solid #9EAECC; background: #093078 url('images/hp_grad.jpg') top right repeat-x}
#topbck2 {min-height: 237px;height: auto;background: url('images/top_bck_birley.gif') top center no-repeat}

.holder {width: 778px;text-align: left;margin: 0 auto;height: auto}
.topholder {min-height: 222px}
#padtop {padding: 0px 0px 0px 12px}


    /*------------------- flags styles ---------------*/
#flagWrap {text-align: center;width: 100%;margin: 0px;padding: 0px; background:#000}

ul.flags { list-style-type:none; margin: 0px;padding: 0px; float:right}
ul.flags li { display:inline}

	/*------------------- main nav styles ---------------*/
#mainnav {color: #fff; width: 212px; margin: 21px 19px 0px 0px;background: url('images/logo_birley.gif') top left no-repeat}
#mainnav img {width: 155px;height: 56px}
#mainnav ul {padding: 0px; margin: 0px 0px 7px 0px; list-style-type: none}
#mainnav li {list-style-type: none; list-style-type:none; padding: 0px 0px 0px 0px; margin: 0px; border-bottom: 1px dashed #5286B4}
#mainnav li.last {border-bottom: none}
#mainnav ul li a {padding: 4px 0px 4px 0px; text-decoration: none; display: block; font-size: 105%;padding-left:12px;color: #fff;background: url('images/main_nav_birley.gif') center left no-repeat}
#mainnav ul li a:hover {text-decoration: none; color: #858585; background-image: url('images/main_nav_birley.gif')}
	/*------------------- list styles ---------------*/
	.nobullets ul {margin: 0;padding:0;list-style-type: none;list-style-position: inside}
	.nobullets li {margin: 1px 0px 1px -1.5em;list-style-type: none; padding-left:15px !important;padding-left:0px}

	#cntR ul {margin:0;padding:0;list-style-position: inside}
	#cntR li {line-height:1.1em;list-style-type: square}
	#cntR .menu2 li {line-height:1.1em;list-style-type: none}
	
	#cntR li span {color: #000}
	li {color: #003986}
	
	#retail li {color: #9E1B34}
	#leisure li {color: #D86907}
	#industrial li {color: #5A2D5F}
	#rail li {color: #9E9B28}
	#counters li {color: #f09800}
	/*----standard styles----*/
	div {margin: 0px; padding: 0px}
	img {border-width:0px}
	a, a:link {color: #093078}
	a:visited {color: #003986}
	a:hover {color: #FF6800}
	#retail #cntwrap a:link, #retail #cntwrap a {color: #AA0433}
	#retail #cntwrap a:hover, #retail #cntwrap a:visited:hover {color: #FE933C}
	#leisure #cntwrap a:link, #leisure #cntwrap a {color: #F57902}
	#leisure #cntwrap a:hover, #leisure #cntwrap a:visited:hover {color: #FE933C}
	#industrial #cntwrap a:link, #industrial #cntwrap a {color: #6C215D}
	#industrial #cntwrap a:hover, #industrial #cntwrap a:visited:hover {color: #FE933C}
	#rail #cntwrap a:link, #rail #cntwrap a {color: #989B0D}
	#rail #cntwrap a:hover, #rail #cntwrap a a:visited:hover {color: #6C215D}
	#health #cntwrap a:link, #health #cntwrap a {color: #248bbb}
	#health #cntwrap a:hover, #health #cntwrap a a:visited:hover {color: #e47907}
	
	.casestudy {font-size: 110%}
	p {margin: 8px 0px 10px 0px}
	.clearboth {clear:both;margin:0px;padding: 0px;display: none}
	h1, h2, h3 {font-weight: normal;color: #003986}
	#retail h1, #retail h2, #retail h3 {color: #9E1B34}
	#leisure h1, #leisure h2, #leisure h3 {color: #D86907}
	#industrial h1, #industrial h2, #industrial h3 {color: #5A2D5F}
	#rail h1, #rail h2, #rail h3 {color: #9E9B28}
	#health h1, #rail h2, #health h3 {color: #248bbb}
	#counters h1, #counters h2, #counters h3 {color: #f09800}
	h1 {font-size: 165%;padding: 0px;margin: 0px 0px 13px 0px}
	h2 {font-size: 120%;padding: 0px;margin: 15px 0px 5px 0px}
	h3 {padding: 0px;font-size: 105%;margin: 3px 0px;font-style: italic}

	.blutxt {color: #003986}
	
	.floatl {float: left}
	.floatr {float: right; padding-left: 2px}
	.alignr {text-align: right}
	
	.buttons a {margin: 4px 0px 0px 0px; color: #B24A02; padding:4px 0px 0px 0px; text-decoration:none; text-align: center;background-image: url('images/btn_sm.gif'); background-repeat: no-repeat; display: block;height: 23px; width: 62px; font-family: Trebuchet MS, Arial, verdana, Helvetica, sans-serif;font-size: 10px}
	.buttons a:hover {color: #FF6800}
	.buttonM {width: 35px;background-image: url('images/btn_sm.gif')}
	.buttonL {width: 75px;background-image: url('images/btn_sm.gif')}
	
	.sdw, .sdw110, .sdw160, .sdw200, .sdw240, .sdw220, .textarea {height: 1.6em; width: 90%; font-size: 85%;background: url('images/input_bck.gif') left top no-repeat;margin: 0px 0px 5px 0px; border: 1px solid #6589B1; padding: 2px 2px 2px 4px; color:#80615B}
	.searchsdw {height: 1.6em; width: 117px; font-size: 85%;background: url('images/input_bck.gif') left top no-repeat;margin: 0px 0px 5px 0px; border: 1px solid #6589B1; padding: 2px 2px 2px 4px; color:#80615B}
	.textarea {height: auto}
	.size90 {font-size:90%}
	.sdw110 {width:110px}
	.sdw160 {width:160px}
	.sdw200 {width:200px}
	.sdw220 {width:220px}
	.sdw240 {width:240px}
	label {color: #999}
	.pdf {display: block;background: url('images/ico_pdf8.gif') left center no-repeat; padding: 3px 22px}
/*---- flyout ---*/


.menu {position:relative;z-index:1000;margin:21px 19px 0px 0px;background: url('images/logo_birley.gif') top left no-repeat /* this page only */}
.menu img {width: 155px;height: 56px}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0px;list-style-type:none;width:212px;position:relative}

.menu li {background:transparent;height:26px}
* html .menu li {margin-left:-16px; margin-lef\t:0;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0}

/* style the links */
.menu ul a, .menu ul a:visited {display:block; text-decoration:none;height:25px;line-height:25px;width:212px;color:#fff;text-indent:12px;border-bottom:1px dashed #5286B4;background: url('images/main_nav_birley.gif') center left no-repeat}
.menu li.last a {border-bottom: none}

/* style the link hover */
.menu ul li a:hover {text-decoration: none; color: #fff; background: #041B44 url('images/main_nav_birley.gif') center left no-repeat}
* html .top2 a:hover {color:#fff; background: #0A3079}
.menu :hover > a {color:#fff; background: #0A3079}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;top:-1px;left:41px}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible;background:#53688D;width:198px;border: 1px solid #12429F}
.menu ul li:hover li {height:22px;line-height:22px;border-top:1px solid #12429F}
.menu td li {height:22px;line-height:22px}
.menu ul li:hover ul a, .menu ul a:hover ul a {font-size: 90%;display:block; text-decoration:none;height:22px;line-height:22px;width:198px;color:#fff;text-indent:12px;border-bottom:1px solid #12429F;background: none}
.menu ul li:hover ul a:hover, .menu ul a:hover ul a:hover {background:#6D81A4}

.menu ul.top2 {top:48px;}

.toprightimg {min-height:104px; text-align: right;width: 529px}

.menu2 ul, .menu2 ul li {list-style-type:none}
.menu2 ul ul, .menu2 ul ul li {list-style-type:none}
/*--------------- content styles ----------------*/
#cntoutr {float:left;width:100%;height: auto;background: #093078 url('images/cnt_bck_slc.gif') top center repeat-y;padding-bottom: 24px}
.vitualtours .floatl {margin-right:15px}
/*--------------- leftnav styles ----------------*/
.homeleftnav {float:right; color: #858585; width: 231px}
.homeleftnav ul {padding: 0px; margin: 7px 8px 8px 0px; list-style-type: none}
.homeleftnav li {clear: both; list-style-type:none; display:block; min-height: 90px;  margin: 4px 0px}
.homeleftnav ul li a {border-left: 1px solid #fff; min-height:90px; text-decoration:none; display:block; font-size: 105%; margin-left:26px}
.homeleftnav ul li a:hover {color: #fff;text-decoration: none; background: url('images/leftnav_on.gif') center left no-repeat}
.homeleftnav ul li a span {cursor: hand;display:block;line-height: 1.5em; min-height: 82px; min-width: 90px; float:left;padding: 2px 0px 6px 6px}

.homeleftnav ul.subNav {list-style-type:none; display:block !important; padding-top:6px; }
.homeleftnav ul.subNav li {display:block !important; padding:2px 0px !important; min-height:0px !important}
.homeleftnav ul.subNav li a.subItem {display:block !important; padding:2px 0px 2px 18px !important; min-height:0px !important; }
.homeleftnav ul.subNav li a.subItem:hover {display:block !important; padding:2px 0px 2px 18px !important; min-height:0px !important; }

.subIndustrial {background:url('images/industrialSubNavSlc.gif') top left repeat-y; display:block !important; padding-bottom:12px !important; margin:-4px 0px 4px 0px !important}
.subIndustrial a.subItem {color:#4E284C; display:block !important; margin:0px 0px 0px 30px; border:none !important; background:url('images/industrialSubItem.gif') left no-repeat !important}
.subIndustrial a:hover.subItem {color:#999 !important; display:block !important; background:url('images/industrialSubItem.gif') left no-repeat !important; margin:0px 0px 0px 30px;}

.subRail {background:url('images/railSubNavSlc.gif') top left repeat-y; display:block !important; padding-bottom:12px !important; margin:-4px 0px 4px 0px !important}
.subRail a.subItem {color:#9a9e05; display:block !important; margin:0px 0px 0px 30px; border:none !important; background:url('images/railSubItem.gif') left no-repeat !important}
.subRail a:hover.subItem {color:#999 !important; display:block !important; background:url('images/railSubItem.gif') left no-repeat !important; margin:0px 0px 0px 30px;}

.subHealth {background:url('images/healthSubNavSlc.gif') top left repeat-y; display:block !important; padding-bottom:12px !important; margin:-4px 0px 4px 0px !important}
.subHealth a.subItem {color:#248bbb; display:block !important; margin:0px 0px 0px 30px; border:none !important; background:url('images/healthSubItem.gif') left no-repeat !important}
.subHealth a:hover.subItem {color:#999 !important; display:block !important; background:url('images/healthSubItem.gif') left no-repeat !important; margin:0px 0px 0px 30px;}

#hmlnavRetail {background: #B30337 url('images/hmlnav_retail.gif') bottom left no-repeat}
#hmlnavRetail a {color: #5F2033; background: #B30337 url('images/hmlnav_retail_off.jpg') top left no-repeat}
#hmlnavRetail a:hover {color: #fff; background-image: url('images/hmlnav_retail_on.jpg')}
#hmlnavRetail a:hover span {background-color: #B30337}
#virtualtour {padding:5px 0px; margin:0px}

#hmlnavLeisure {background: #E47907 url('images/hmlnav_leisure.gif') bottom left no-repeat}
#hmlnavLeisure a {color: #734D25; background: #E47907 url('images/hmlnav_leisure_off.jpg') top left no-repeat}
#hmlnavLeisure a:hover {color: #fff; background-image: url('images/hmlnav_leisure_on.jpg')}
#hmlnavLeisure a:hover span {background-color: #E47907}

#hmlnavIndustrial {background: #6C2669 url('images/hmlnav_industrial.gif') bottom left no-repeat; }
#hmlnavIndustrial a {color: #4E284C; background: #6C2669 url('images/hmlnav_industrial_off.jpg') top left no-repeat}
#hmlnavIndustrial a:hover {color: #fff; background-image: url('images/hmlnav_industrial_on.jpg')}
#hmlnavIndustrial a:hover span {background-color: #6C2669}

#hmlnavRail {background: #A3A60D url('images/hmlnav_rail.gif') top left no-repeat; }
#hmlnavRail a {color: #707212; background: #A3A60D url('images/hmlnav_rail_off.jpg') top left no-repeat}
#hmlnavRail a:hover {color: #fff; background-image: url('images/hmlnav_rail_on.jpg')}
#hmlnavRail a:hover span {background-color: #A3A60D}

#hmlnavCounters {background: #ffb400 url('images/hmlnav_counters.gif') top left no-repeat; }
#hmlnavCounters a {color: #b17e03; background: #ffb400 url('images/hmlnav_counters_off.jpg') top left no-repeat}
#hmlnavCounters a:hover {color: #fff; background-image: url('images/hmlnav_counters_on.jpg')}
#hmlnavCounters a:hover span {background-color: #ffb400}

.subSecure {background:url('images/secureSubNavSlc.gif') top left repeat-y; display:block !important; padding-bottom:12px !important; margin:-4px 0px 4px 0px !important}
.subSecure a.subItem {color:#b17e03; display:block !important; margin:0px 0px 0px 30px; border:none !important; background:url('images/secureSubItem.gif') left no-repeat !important}
.subSecure a:hover.subItem {color:#999 !important; display:block !important; background:url('images/secureSubItem.gif') left no-repeat !important; margin:0px 0px 0px 30px;}


#hmlnavHealth {background: #248bbb url('images/hmlnav_health.gif') top left no-repeat}
#hmlnavHealth a {color: #1d7097; background: #248bbb url('images/hmlnav_health_off.jpg') top left no-repeat}
#hmlnavHealth a:hover {color: #fff; background-image: url('images/hmlnav_health_on.jpg')}
#hmlnavHealth a:hover span {background-color: #248bbb}

/*--content layout styles--*/
#cntR {float: right; background-color: #fff; min-height: 405px; width: 529px; font-size: 95%}
#cntwrap {min-height: 320px;padding: 20px 24px 34px 20px }
#homeRight {float: right; width: 139px}
#homeRight h2 {font-size: 100%;margin: 6px 0px 2px 0px}
#homeLeft {float: left; width: 330px; margin: 0px}

a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color: #000; font-style:normal; cursor:default; margin:0px;}


/*--------------- cms area styles ----------------*/
#retail #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff;background: #AA0433 url('images/pg_top_retail.jpg') top left no-repeat}
#leisure #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff;background: #F57902 url('images/pg_top_lei.jpg') top left no-repeat}
#industrial #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff;background: #6C215D url('images/pg_top_ind.jpg') top left no-repeat}
#rail #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff;background: #989B0D url('images/pg_top_rail.jpg') top left no-repeat}
#health #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff;background: #248bbb url('images/pg_top_health.jpg') top left no-repeat}
#counters #pagetitlewrap {padding: 26px 12px 0px 21px;min-height: 24px;color: #fff; background: #ffb400}

#topnav {margin: -10px 0px 0px 0px; padding-bottom: 5px;border-bottom: 1px solid #DFDADB}
#topnav ul {margin: 0px 0px 0px 0px;padding: 0px;display: inline}
#topnav li {display: inline}
#topnav a {text-decoration: none;color: #003986;padding: 0px 8px 0px 0px}
#topnav a:link, #topnav a:visited {color: #003986}
#topnav a:hover, #topnav a:visited:hover {color: #FE933C}

#retail #topnav a:link, #retail #topnav a {color: #AA0433}
#retail #topnav a:hover, #retail #topnav a:visited:hover {color: #FE933C}
#leisure #topnav a:link, #leisure #topnav a {color: #F57902}
#leisure #topnav a:hover, #leisure #topnav a:visited:hover {color: #FE933C}
#industrial #topnav a:link, #industrial #topnav a {color: #6C215D}
#industrial #topnav a:hover, #industrial #topnav a:visited:hover {color: #FE933C}
#rail #topnav a:link, #rail #topnav a {color: #989B0D}
#rail #topnav a:hover, #rail #topnav a:visited:hover {color: #989B0D}
#health #topnav a:link, #health #topnav a {color: #248bbb}
#health #topnav a:hover, #health #topnav a:visited:hover {color: #e47907}

#pagetitle {float: left; font-size: 150%}
#values {float: right; font-size: 125%}

#cntFullwidth {padding: 10px 0px 20px 0px}
#imagesRight {float: right; width: 148px}
#imagesRight img {margin-top: 9px; cursor: hand}
#textLeft {float: left; width: 312px; margin: 10px 0px 0px 0px}
#textAcross {float: left; width: 490px; margin: 10px 0px 0px 0px}

#textLeft table tr td {padding-right:5px}

.mainImg {display:block; margin:21px 0px}

#rail_list {margin:20px 0px;}
#rail_list tr td {padding:3px 30px 3px 0px; font-weight:bold; }
.rail_alliance {float:left; margin:15px 0px 0px 20px}

#measurements tr td {padding:1px 15px 1px 0px; font-weight:bold; }

#textLeft ul.accessory_list {display:block; margin:15px 0px 20px 10px; font-size:110%;}
#textLeft ul.accessory_list li {display:block; padding:4px 0px}

#textLeft ul.colour_swatch {list-style-type:none !important; }
#textLeft ul.colour_swatch li {display:inline !important; padding-right:20px}

#textLeft ul.esd_bench {list-style-type:none !important; }
#textLeft ul.esd_bench li {display:block !important; padding:10px 10px 10px 0px}

#homeRight #newstitle {font-weight: bold;color: #003986; background-color: #E0E0DC; padding: 4px}
#homeRight span {display: block;font: 90% bold;color: #6C6C6A;}
#homeRight p {display: block;color: #6C6C6A}
#homeRight a {font-weight: bold;color: #6C6C6A; text-decoration: none}
#homeRight a:hover {color: #003986}
.newsitem {border-bottom: 2px solid #E0E0DC; padding-bottom: 6px}

#selectImg {margin-top:10px; color:#777}

/*-----footer styles-----*/

#footer {Float:left;width:100%;line-height: 1.5em;border-top: 6px solid #DBDBD2;color: #737373; font-size: 90%}
#footerline {border-top:1px solid #fff;}
#footerpad {padding: 10px 0px 22px 20px}

#footer a {color: #393935;background-repeat: no-repeat;background-position: center left; text-decoration:none}
#footer a:hover {color: #000}
#oegen {padding: 2px 0px 2px 20px;background: url('images/oegen.gif') no-repeat left center}

.clearboth {clear:both}
.left {float:left}


.contactForm {margin:20px 0px; display:block}
table.contactForm tr td {padding:8px 15px 0px 0px; vertical-align:top}
.nameInput {width:220px}
.companyInput {width:180px}
.telInput {width:180px}
.mailInput {width:220px}
table.contactForm tr td button {width:120px}
table.contactForm {padding:20px 0px; border-bottom:1px solid #959595; border-top:1px solid #959595}
