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



/* -------------------- middle panel content ---------------------- */

/* ----------- common styles ------------- */

#careersContentBox {
	line-height: 1.6em;
	padding: 0 2em 0 0;
}

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

#careersContentBox  h3 {
	font-size: 1em;
	padding: 0;
	margin: .7em 0 .7em 0;
	font-weight: 700;
}

#careersContentBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#careersContentBox ul {
	margin: 0 0 0 1em;
	padding: 0;
}

#careersContentBox li {
	margin: 0;
	padding: 0;
}


.careersThumbNails {
	width: 9.7em;
	height: 6.4em;
	float: right;
}

.divclear {
	clear: both;
}

#faqContentBox p a:link, #employeeBox  p a:link, #faqContentBox p a:visited, #employeeBox  p  a:visited {
	color: #e6090e;
}

#faqContentBox p a:hover, #employeeBox  p a:hover, #faqContentBox p a:active, #employeeBox p a:active{
	color: #FF6633;
}

/* ----------- careers with hyne page ------------- */

#careersOverview {
	line-height: 1.6em;
	padding: 0 2em 0 0;
	height: 23.3em;
	border: solid 1px #ffffff;
}

#careersBox {
	margin: 0;
	padding: 0;
	height: 65em;
}

#careersBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#careersBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#careersBox1 {
	margin: 0;
	padding: 0;
	height: 15.4em;
}

#careersBox2 {
	margin: 0;
	padding: 0;
	height: 15.4em;
}

.careersBoxInner1 {
	width: 23.5em;
	height: 14.1em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.careersBoxInner2 {
	width: 23.5em;
	height: 14.1em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.careersBoxInner3 {
	width: 23.5em;
	height: 14.1em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.careersBoxInner4 {
	width: 23.5em;
	height: 14.1em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.thumbTextCar1 {
	width: 12.7em;
	height: 9.2em;
	padding: 0;
}

.thumbTextCar2 {
	width: 12.7em;
	height: 9.2em;
	padding: 0;
}

.leftSide {
	float: left;

}

.rightSide {
	float: left;
	padding: 0 0 0 8em;
}

#faqBgDiv {
	height: 10em;
	margin: 1em 0 0 .5em;
}

#faqBg {
	width: 48.5em;
	height: 8.8em;
}

#faqBox {
	width: 48.3em;
	height: 10em;
	margin: -9.4em 0 0 .5em;
	padding: .5em 0 0 0;
}

.faqHeading {
	font-size: 1.5em;
	font-weight: 300;
	color: #515151;
	margin: 0 0 0 .8em;
}

#faqTextBox {
	width: 45em;
	margin: .5em 0 0 1.3em;
	padding: 0;
}

.faqText  {
	font-size: .9em;
	line-height: 1.5em;
	color: #515151;
	margin: 0;
	padding: 0;
}

#faqBox a:link, #faqBox a:visited {
	color:  #515151;
	font-weight: 300;
	text-decoration: none;
}

#faqBox a:hover, #faqBox a:active {
	color: #658b99;
	font-weight: 300;
	text-decoration: none;
}


/* ----------- qualities page ------------- */
#qualitiesBox {
	margin: 0 ;
	padding: 0 0 .5em 0;
}

#qualitiesBox p {
	margin: .5em 0 0 0;
	padding: 0;
}

#qualitiesBox  h2 {
	font-size: 1.05em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#qualitiesOverview {
	line-height: 1.6em;
	padding: 0 2em 1em 0;
	border: solid 1px #ffffff;
}

#qualitiesOverview  h2 {
	margin: .7em 0 0 0;
}

.boldQualityText {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.6em;
}


#qualitiesBox1 {
	margin: 0;
	padding: 0;
	height: 15.8em;
}

#qualitiesBox2 {
	margin: 0;
	padding: 0;
	height: 15em;
}

.qualitiesBoxInner1 {
	width: 23.5em;
	height: 14.7em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.qualitiesBoxInner2 {
	width: 23.5em;
	height: 14.7em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.qualitiesBoxInner3 {
	width: 23.5em;
	height: 13.5em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.qualitiesBoxInner4 {
	width: 23.5em;
	height: 13.5em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.thumbTextQual1 {
	width: 17em;
	height: 10em;
	padding: 0;
}

.thumbTextQual2 {
	width: 17em;
	height: 9em;
	padding: 0;
}

.qualitiesThumbNails {
	width: 5.1em;
	height: 6.5em;
	float: right;
}



/* ----------- employee pages ------------- */

#employeeBox {
	margin: 0 ;
	padding: 0 0 .5em 0;
}

#employeeBox p {
	margin: .5em 0 0 0;
	padding: 0;
}

#employeeBox  h2 {
	font-size: 1.05em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#employeeOverview {
	line-height: 1.6em;
	padding: 0 2em 1em 0;
	border: solid 1px #ffffff;
}

#employeeOverview  h2 {
	margin: .7em 0 0 0;
}

.employeePic {
	width: 11.2em;
	height: 12.8em;
	float: right;
	margin: -1.3em 0 0 1em;
}


/* ----------- oportunities & employment principle pages ------------- */

#opportunitiesBox {
	margin: 0 ;
	padding: 0 0 .5em 0;
}

#opportunitiesBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#opportunitiesBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#opportunitiesOverview {
	line-height: 1.6em;
	padding: 0 2em 1em 0;
	border: solid 1px #ffffff;
}

#opportunitiesOverview  h2 {
	margin: .7em 0 0 0;
}

#opportunitiesOverview ul {
	margin: 0 0 0 1em;
	padding: 0;
}

.innerList {
	list-style: none;
	margin: 0;
}


#opportunitiesBox1 {
	margin: 0;
	padding: 0;
	height: 13.1em;
}

#opportunitiesBox2 {
	margin: 0;
	padding: 0;
	height: 13.1em;
}

.opportunitiesBoxInner1 {
	width: 23.5em;
	height: 11em;
	border-top: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.opportunitiesBoxInner2 {
	width: 23.5em;
	height: 11em;
	border-top: dotted #000 1px;
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.opportunitiesBoxInner3 {
	width: 23.5em;
	height: 11.6em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px;
	margin: 0;
	padding: 1.2em 0 0 0;
	float: left;
}

.opportunitiesBoxInner4 {
	width: 23.5em;
	height: 11.6em;
	border-top: dotted #000 1px;
	border-bottom: dotted #000 1px; 
	margin: 0 0 0 2em;
	padding: 1.2em 0 0 0;
	float: left;
}

.thumbTextOpp1 {
	width: 12.7em;
	height: 6.8em;
	padding: 0;
}

.thumbTextOpp2 {
	width: 12.7em;
	height: 6.6em;
	padding: 0;
}



/* ----------- pathway pages ------------- */


#pathOverview {
	line-height: 1.6em;
	padding: 0 2em 1em 0;
}

#pathOverview p {
	margin: .7em 0 0 0;
	padding: 0;
}

#pathOverview  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: .7em 0 .7em 0;
	font-weight: 700;
}

#pathOuterBox {
	font-size: .9em;
	line-height:1.6em;
}

#commonPathLeftCol {
	float: left;
}

#commonPathMiddleCol {
	float: left;
}

#commonPathRightCol {
	float: left;
}

#commonPathLeftCol {

}

.commonDetailOuterBox {

}

.topLeftCorner {
	width: 1.45em;
	height: 1.4em;
	background-color: #FDEEEF;
	background-image: url(../images/careers/path_corner1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.commonTopMiddle1 {
	width: 23.6em;
	height: 1.4em;
	background-color: #FDEEEF;
	float: left;
}

.commonTopMiddle2 {
	width: 18.4em;
	height: 1.4em;
	background-color: #FDEEEF;
	float: left;
}

.topRightCorner {
	width: 1.45em;
	height: 1.4em;
	background-color: #FDEEEF;
	background-image: url(../images/careers/path_corner2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
}

.commonMiddleSection1 {
	background-color: #FDEEEF;
	width: 25.1em;
	padding: 0 .7em 0 .7em;
	clear: left;
}

.commonMiddleSection2 {
	background-color: #FDEEEF;
	width: 19.9em;
	padding: 0 .7em 0 .7em;
	clear: left;
}

.commonMiddleSection1 h2, .commonMiddleSection2 h2 {
	font-size: 1.2em;
	color: #f15a40;
	margin: 0;
}

.commonMiddleSection1 p, .commonMiddleSection2 p {
	margin: 0 0 0 .5em;
}

.commonMiddleSection1 ul, .commonMiddleSection2 ul {
	margin: 0 0 0 .5em;
	padding: 0;
}

.commonMiddleSection1 li, .commonMiddleSection2 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bottomLeftCorner{
	width: 1.45em;
	height: 1.4em;
	background-color: #FDEEEF;
	background-image: url(../images/careers/path_corner3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
}

.commonBottomMiddle1 {
	width: 23.6em;
	height: 1.4em;
	background-color: #FDEEEF;
	float: left;
}

.commonBottomMiddle2 {
	width: 18.4em;
	height: 1.4em;
	background-color: #FDEEEF;
	float: left;
}


.bottomRightCorner {
	width: 1.45em;
	height: 1.4em;
	background-color: #FDEEEF;
	background-image: url(../images/careers/path_corner4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
}


.leftArrow {
	width: 25.1em;
	height: 7.05em;
	margin: .5em 0 .2em 0;
	text-align: center;
	background-image: url(../images/careers/arrow1.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


.commonCentreArrow {
	width: 3.7em;
	height: 4.5em;
	margin: 0 1em 0 1.5em;
	background-image: url(../images/careers/arrow2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}



.rightArrow {
	width: 19.9em;
	height: 3.6em;
	margin: .5em 0 .2em 0;
	text-align: center;
	background-image: url(../images/careers/arrow3.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


#wholesaleMiddleSpacer1 {
	width: 1em;
	height: 29.5em;
}

#wholesaleMiddleSpacer2 {
	width: 1em;
	height: 18em;
}

#wholesaleJobSpacer1 {
	width: 1em;
	height: 22em;
}

#trueframeMiddleSpacer1 {
	width: 1em;
	height: 30em;
}

#trueframeMiddleSpacer2 {
	width: 1em;
	height: 9.7em;
}

#trueframeMiddleSpacer3 {
	width: 1em;
	height: 15.5em;
}

#trueframeJobSpacer1 {
	width: 1em;
	height: 20em;
}


#otherMiddleSpacer1 {
	width: 1em;
	height: 33em;
}

#otherJobSpacer1 {
	width: 1em;
	height: 17em;
}

#truebeamMiddleSpacer1 {
	width: 1em;
	height: 24.5em;
}

#truebeamMiddleSpacer2 {
	width: 1em;
	height: 6.2em;
}

#truebeamMiddleSpacer3 {
	width: 1em;
	height: 14.5em;
}

#truebeamJobSpacer1 {
	width: 1em;
	height: 13em;
}

/* ----------- faq's page ------------- */

#faqContentBox {
	width: 48em;
}

#faqContentBox h2 {
	font-size: 1.12em;
	color: #658b99;
	padding: 0;
	margin: 1.5em 0 .5em 0;
	font-weight: 700;
}

#faqContentBox h3 {
	font-size: 1.12em;
	color: #658b99;
	padding: 0;
	margin: 1.5em 0 .5em 0;
	font-weight: 300;
}

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

#faqContentBox li {
	margin: 0 0 0 1.2em;
	padding: 0;
	line-height: 1.5em;
}

#faqContentBox li a:link, #faqContentBox li a:visited {
	color: #686868;
}

#faqContentBox li a:hover, #faqContentBox li a:active {
	color: #658b99;
}

#faqContentBox p {
	margin: 0;
	padding: 0;
	line-height: 1.7em;
}


/* ----------- positions vacant page ------------- */

#positionsBox {
	margin: 0 ;
	padding: 0 0 .5em 0;
	line-height: 1.6em;
}

#positionsBox p, .jobDescription p {
	margin: .7em 0 0 0;
	padding: 0;
}

#positionsBox  h2 {
	font-size: 1.1em;
	color: #658b99;
	padding: 0;
	margin: 0 0 1em 0;
	font-weight: 700;
}

#positionsOverview {
	width: 45.7em;
	line-height: 1.6em;
	padding: 0 2em 1em 0;
	border-bottom: dotted 1px;
}

#positionsOverview  h2 {
	margin: .7em 0 0 0;
}


.jobListingBox {
	width: 48em;
	padding: 1em 0 1em 0;
	margin: 0;
	border-bottom: dotted 1px;
}

.jobListingBox h2 {
	display: inline;
	font-size: 1.12em;
	color: #658b99;
	padding: 0;
	margin: 1.5em 0 .5em 0;
	font-weight: 700;
}


.jobListing  {
	width: 38.59em;
	float: left;
	color: #658b99;
}

.jobListingLink {
	width: 9em;
	text-align:right;
	float: left;
}

.jobDescription {
	clear: left;
	width: 48em;
}

.jobDetails {
	width: 50em;
	height: 1.5em;
	margin: .5em 0 0 0;
}

.applicationsClose{
	width: 15em;
	float: left;
}

.submitResume{
	width: 23em;
	float: left;
}

.jobPosted{
	width: 11em;
	float: left;
}

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

.jobListingLink a:link, .jobListingLink 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;
}

.jobListingLink a:hover, .jobListingLink 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;
}

.jobSpacerDiv {
	height: 10em;
}


/* ----------- submit resume page ------------- */

#resumeBox {
	margin: 0 ;
	padding: 0 0 .5em 0;
	line-height: 1.6em;
}

#resumeBox p {
	margin: .7em 0 0 0;
	padding: 0;
}

#resumeOverview {
	width: 45.7em;
	line-height: 1.6em;
	padding: 0 2em 1em 0;
	height: 25em;
}

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

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