@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	margin: 0px;
	padding: 0px;
}

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


/* main design elements */

#outerBox {
	font-size: 1em;
	height: auto;
	width: auto;
}

#contentBoxOuter {
	height: auto;
	width: 88.25em;
	margin:	0 auto;
	padding: 1em 0 1em 0;
	border: none;
	color: #515151;
}

#contentBoxOuter2 {
	height: auto;
	width: 88.25em;
	margin:	0 auto;
	padding: 1em 0 0 0;
	border: none;
	color: #515151;
}

#topDivSpacer {
	height: 1em;
	padding: 0;
	margin: 0;
	border: none;
}

#secondaryTopMenu {
	width: 51.81em;
	border-right:#000000 solid 1px;
	padding: 0;
	margin: 0 0 0 19.6em;
}

#leftPanel {
	float: left;
	width: 18.3em;
	border:none;
}

#middlePanel {
	float: left;
	width: 50.5em;
	border-right:#000000 solid 1px;
	padding: 0em 1.3em 0 1.3em;
}

#rightPanel {
	float: left;
	width: 11.15em;
	padding: 0 0 0 1.2em;
}

#bottomDivSpacer1 {
	height: 2.5em;
	position:relative;
	padding: 0;
	margin: 0;
	clear: both;
}

#bottomDivSpacer2 {
	height: 1em;
	position:relative;
	padding: 0;
	margin: 0;
	clear: both;
}

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


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


/* top banner elements */

#topBanner {
	height: auto;
	width: auto;
	border: none;
	padding: 0 0 .12em 0;
	margin: 0;
}

#hyneLogo {
	height: 7em;
	width: 9.7em;
	margin: 0 0 2.7em 2.1em;
	padding: 0;
	border: none;
}

#headerImage {
	height: 10.8em;
	width: 69.1em;
	margin: 0 0 0 2.36em;
	padding: 0;
	border: none;
}

/* top menu */

#topMenuBar {
	height: 2.15em;
	width: 79em;
	margin: 0 4.7em 0 auto;
	background: #515151;
	padding: 0;
}

#topMenuBar div {
	font-size: 1em;
	font-weight: 700;
	height: 1.66em;
	margin: 0;
	float: left;
}

#leftMenuSpacer{
	width: 13.6em;
	margin: 0;
	padding: .45em 0 0 0;
	background-color: #e40f20;
	float: left;
}

#indexLink, #aboutLink, #bussLink, #forYouLink, #peopleEmplLink, #contactLink {
	border-left: dotted #ffffff 1px;
}

.currentLinkBg {
	background: #868686;
	color: #FFFFFF;
}

.activeLinkBg {
	background: #515151;
	color: #FFFFFF;
}

#indexLink {
	width: 5.45em;
	padding: .45em 0 0 1.4em;
}

#aboutLink {
 	width: 7.5em;
	padding: .45em 0 0 1.4em;
}

#bussLink {
	width: 9.55em;
	padding: .45em 0 0 1.4em;
}

#forYouLink {
	width: 9.35em;
	padding: .45em 0 0 1.4em;
}

#peopleEmplLink {
	width: 13.95em;
	padding: .45em 0 0 1.4em;
}

#contactLink {
	width: 10em;
	padding: .45em 0 0 1.4em;
}

/* includes bottom menu link colour control */

#topMenuBar a:link, #bottomMenuBar a:link, #topMenuBar a:visited, #bottomMenuBar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
 
#topMenuBar a:hover, #bottomMenuBar a:hover,  #topMenuBar a:active, #bottomMenuBar a:active {
	color: #868686;
	text-decoration: none;
}


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


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

/* secondary top menu */

#secondaryTopMenu p {
	font-size: .9em;
	font-weight: 700;
	color: #515151;	
	line-height: 1em;
	padding: 0 0 0 0;
	margin: 0;
}

#secondaryTopMenu a:link, #secondaryTopMenu a:visited {
	color: #515151;
	text-decoration: none;
}
 
#secondaryTopMenu a:hover,  #secondaryTopMenu a:active {
	color: #e40f20;
	text-decoration: none;
}

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


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

/* left panel menu */

#leftPanelMenu {
	font-size: .9em;
	color: #e40f20;
	margin: 0;
	padding: .5em 0 0 5em;
}

.leftMenuTop {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #e40f20;
	border-bottom-color: #CC3300;
	padding: .2em 0 .2em 1em;
}

.leftMenuTop2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC3300;
	padding: .2em 0 .2em 1em;
}

#leftPanelMenu a:link, #leftPanelMenu a:visited {
	color: #e40f20;
	text-decoration: none;
}
 
#leftPanelMenu a:hover,  #leftPanelMenu a:active {
	color: #515151;
	text-decoration: none;
}

.leftMenuTop a:link, .leftMenuTop2 a:link, .leftMenuTop a:visited, .leftMenuTop2 a:visited {
	background-image: url(../images/common/link_arrow_a.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 1em;
	background-position: left center;
}

.leftMenuTop a:hover, .leftMenuTop2 a:hover, .leftMenuTop a:active, .leftMenuTop2 a:active {
	background-image: url(../images/common/link_arrow_b.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 1em;
	background-position: left center;
}

#leftMenuInner {
	padding: .5em 0 .5em 3.6em;
	margin: 0;
}

#leftMenuInner ul {
	margin: 0;
	padding: 0;
}

#leftMenuInner li {
	list-style-type: disc;
	padding: .2em 0 .2em 0;
	margin: 0;
}

.leftMenuInner1 {
	padding: .5em 0 0 3.6em;
	margin: 0;
}

.leftMenuInner1 ul {
	margin: 0;
	padding: 0;
}

.leftMenuInner1 li {
	list-style-type: disc;
	padding: .2em 0 .2em 0;
	margin: 0;
}

.leftMenuInner2 {
	padding: .5em 0 .5em 3.6em;
	margin: 0;
}

.leftMenuInner2 ul {
	margin: 0;
	padding: 0;
}

.leftMenuInner2 li {
	list-style-type: disc;
	padding: .2em 0 .2em 0;
	margin: 0;
}

#leftMenuInner3 {
	padding: 0 0 .5em 4em;
	margin: 0;
}

#leftMenuInner3 ul {
	margin: 0;
	padding: 0;
}

#leftMenuInner3 li {
	list-style-type: none;
	padding: .2em 0 .2em 0;
	margin: 0;
}

#leftMenuInner4 {
	padding: 0 0 0 4em;
	margin: 0;
}

#leftMenuInner4 ul {
	margin: 0;
	padding: 0;
}

#leftMenuInner4 li {
	list-style-type: none;
	padding: .2em 0 .2em 0;
	margin: 0;
}

.leftMenuInner5 {
	padding: 0 0 .5em 3.6em;
	margin: 0;
}

.leftMenuInner5 ul {
	margin: 0;
	padding: 0;
}

.leftMenuInner5 li {
	list-style-type: disc;
	padding: .2em 0 .2em 0;
	margin: 0;
}

.leftMenuInnerDiv {
	border-top: dotted #000000 1px;
	height: 1px;
}

.leftMenuTopNonActiveLink {
	color: #515151;
	background-image: url(../images/common/link_arrow_b.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 1em;
	background-position: left center;
}

.leftMenuInnerNonActiveLink {
	color: #515151;
}

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


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

/* middle panel elements */

#sectionHeading {
	padding: 1em 0 0 0;
	margin: 0;
}

#sectionHeading h1 {
	font-size: 2em;
	color: #515151;
	padding: 0;
	margin: 0;
	font-weight: 300;
}

#pageHeading {
	padding: 1.2em 0 0 0;
	margin: 0;
}

#pageHeading h2 {
	font-size: 1.3em;
	color: #658b99;
	padding: 0;
	margin: 0 0 .3em 0;
	font-weight: 700;
}

.boldLarger {
	font-size: 1.4em;
	font-weight: 700;
	color: #658b99;
}

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



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


/* right panel elements */

#commonPageLinks {
	height: 13.8em;
	padding: .6em 0 0 0;
	margin: 0;
	border-bottom: dotted #000000 1px;
}

#searchSite {
	font-size: 1.1em;
	height: 1.6em;
	width: 8.7em;
	padding: .6em 0 0 .5em;
	margin: 0 0 .7em 0;
	border: solid #F7B5B6 1px;
	background-color: #FAD1D2;
	background-image: url(../images/common/search_site_bg.jpg);
	background-repeat: repeat-x;
}

#contactInfo {
	font-size: 1.1em;
	height: 1.6em;
	width: 8.7em;
	padding: .6em 0 0 .5em;
	margin: 0 0 .7em 0;
	border: solid #F7B5B6 1px;
	background-color: #FAD1D2;
	background-image: url(../images/common/contact_info_bg.jpg);
	background-repeat: repeat-x;
}

#telephone {
	font-size: 1.1em;
	height: 3.8em;
	width: 8.7em;
	padding: .7em 0 0 .5em;
	margin: 0;
	border: solid #F7B5B6 1px;
	background-color: #FAD1D2;
	background-image: url(../images/common/search_site_bg.jpg);
	background-repeat: repeat-x;
}

#searchSite p, #contactInfo p, #telephone p{
	font-size: .7em;
	color: #AF7058;
	padding: 0;
	margin:0 0 .8em 0;
}

a.searchSiteNav:link, a.searchSiteNav:visited {
	color: #AF7058;
	margin: 0;
	padding: 0 0 0 2em;
	text-decoration: none;
	background-image: url(../images/common/contact_info_go_link_a.gif);
	background-repeat:no-repeat;
}

a.searchSiteNav:hover, a.searchSiteNav:active {
	color: #999999;
	margin: 0;
	padding: 0 0 0 2em;
	text-decoration: none;
	background-image: url(../images/common/contact_info_go_link_b.gif);
	background-repeat:no-repeat;
}

a.contactInfoNav:link, a.contactInfoNav:visited {
	color: #AF7058;
	margin: 0;
	padding: 0 0 0 2em;
	text-decoration: none;
	background-image: url(../images/common/contact_info_go_link_a.gif);
	background-repeat:no-repeat;
}

a.contactInfoNav:hover, a.contactInfoNav:active {
	color: #999999;
	margin: 0;
	padding: 0 0 0 2em;
	text-decoration: none; 
	background-image: url(../images/common/contact_info_go_link_b.gif);
	background-repeat:no-repeat;
}

#teleNumber {
	font-size: 1.8em;
}

/* Industry membership */

#commonPageLinksIndex {
	height: 13.8em;
	padding: 0;
	margin: 1.4em 0 0 0;
	border-bottom: dotted #000000 1px;
}

#industryMemContainerOuter {
	font-size: 1em;
	padding: 1.2em 0 0 0;
	margin: 0;
}

#industryMemHeader1 {
	height: 3em;
	width: 1.3em;
	background-color: #515151;
	float: left;
}

#industryMemHeader2 {
	height: 2.5em;
	width: 8.5em;
	line-height: 1em;
	padding: .5em 0 0 .6em;
	background-color: #658a9a;
	float: left;
}

#industryMemHeader2 h1 {
	font-size: 1em;
	color: #FFF;
	font-weight: 700;
	display: inline;
	padding: 0;
	margin: 0;
}

#industryMemImage {
	height: 8.45em;
	width: 10.8em;
	padding: 0;
	margin: 0;
}

/* feedback */
.rightPanelHeaderOuter {
	font-size: .92em;
	padding: 1.1em 0 0 0;
	margin: 0;
	height: 9.5em;
}

.rightPanelHeader1 {
	width: 1.3em;
	background-color: #515151;
}

.rightPanelHeader2 {
	height: 1.5em;
	width: 9.9em;
	padding: .25em 0 0 0;
	margin: 0 0 0 1.3em;
	background-color: #658a9a;
}

.rightPanelHeader2 h3 {
	font-size: 1em;
	color: #FFF;
	font-weight: 700;
	display: inline;
	padding: 0 0 0 .8em;
	margin: 0;
}

.rightPanelTextDiv {
	font-size: .95em;
	line-height: 1.5em;
	padding: 1em .5em 0 2.2em;
	width: 8.8em;
}

.rightPanelTextDiv p {
	padding: 0;
	margin: 0;
}


.rightPanelDivLine {
	height: 1em;
	width: 11em;
	border-bottom: dotted 1px;
}

#selfservePic {
	height: 8.35em;
	width: 10.4em;
	border: none;
	margin: .1em 0 0 0;
}

.rightPanelIndexTextDiv {
	font-size: .9em;
	line-height: 1.5em;
	padding: 0 0 0 1em;
	margin: 0;
	width: 10.5em;
}

.rightPanelIndexTextDiv p {
	margin: .5em 0 0 0;
}

.rightPanelIndexTextDiv a:link, .rightPanelTextDiv a:visited {
	color: #686868;
	text-decoration: none;
}

.rightPanelIndexTextDiv a:hover, .rightPanelIndexTextDiv a:active {
	color: #e40f20;
	text-decoration: none;
}


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


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


/* bottom menu elements */

#bottomMenuBar {
	height: 2.15em;
	width: 65.3em;
	background: #e40f20;
	clear: both;
	margin: 0 4.7em 0 auto;
	padding: 0 0 0 13.6em;
}

#bottomMenu {
	height: 2.15em;
	margin: 0;
	padding: 0;
	background-color: #515151;
	font-weight: 700;
	color:#FFFFFF;
}

#bottomMenu div {
	margin: 0;	
	height: 2em;
	font-size: .8em;
	font-weight: 700;
	float: left;
}

#faqLink, #customerLink, #industryLink, #feedbackLink, #sitemapLink, #privacyLink, #termsLink {
	padding: .65em 1.2em 0 1.2em;
}

.bottomMenuWhiteDiv {
	padding: .5em 0 0 0;
}

.faqLink, .customerLink, .industryLink, .feedbackLink, .sitemapLink, .privacyLink, .termsLink {
	background-color: #868686;
	color: #FFFFFF;
}





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


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


/*general text formating*/

#findOutMore {
	font-size: 1.1em;
	padding: .7em 0 0 0;
	margin:  0 0 0 1.75em;
	font-weight: 300;
}

#findOutMore2 {
	font-size: 1em;
	padding: .4em 0 0 0;
	margin:  0 0 0 4em;
	font-weight: 300;
}

.findOutMore3 {
	font-size: 1em;
	padding: 0;
	margin:  0;
	font-weight: 300;
}

#findOutMore a:link, #findOutMore2 a:link, .findOutMore3 a:link, #findOutMore a:visited, #findOutMore2 a:visited, .findOutMore3 a:visited {
	color: #e85100;
	margin: 0;
	padding: 0 1.5em 0 0;
	background-image: url(../images/common/findoutmorelink_a.gif);
	background-repeat:no-repeat;
	background-position: right center;
}

#findOutMore a:hover, #findOutMore2 a:hover, .findOutMore3 a:hover, #findOutMore a:active, #findOutMore2 a:active, .findOutMore3 a:active {
	color: #999999;
	margin: 0;
	padding:  0 1.5em 0 0;
	background-image: url(../images/common/findoutmorelink_b.gif);
	background-repeat:no-repeat;
	background-position: right center;
}

.boldBlack {
	font-weight: 700;
	color: #000000;
}

.boldText {
	font-weight: 700;
}

.boldTextUnderlined {
	font-weight: 700;
	text-decoration: underline;
}

.textUnderlined {
	font-weight: 300;
	text-decoration: underline;
}


.fontGrey {
	color: #515151;
}

.fontRed {
	color: #e40f20;
}

a.navGrayText:link, a.navGrayText:visited {
	color:  #515151;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a.navGrayText:hover, a.navGrayText:active {
	color: #999999;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.contentTextLink a:link, .contentTextLink a:visited {
	color:#686868;
	text-decoration: none;
}

.contentTextLink a:hover, .contentTextLink a:active {
	color: #658b99;
	text-decoration: none;
}


/* ---------------our business gallery pages ---------------- */

#largePicDiv {
	margin: 1.5em 0 1.35em 0;
}

.largePic {
	width: 50.2em;
	height: 33em;
}

#thumbDiv {
	width: 50.6em;
}

.thumbPic {
	width: 5.4em;
	height: 5.4em;
	margin: 0 .2em 0 0;
	border: none;
}

.thumbPic2 {
	width: 5.4em;
	height: 5.4em;
	margin: 0;
	border: none;
}

.thumbPicEnd {
	width: 5.4em;
	height: 5.4em;
	margin: 0;
	border: none;
}

.thumbPicLong {
	width: 11em;
	height: 5.4em;
	margin: 0;
	border: none;
}
.contentBoxBottom {
}