

*{ margin: 0; padding: 0;}	
	
body{
	background: #b8b8b8;
	font: 12px/18px Helvetica, Arial, Geneva, sans-serif;
}


.break {
	clear: both;
}

.smallMore {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

a:hover.smallMore {
	color: #ff6501;
}

a.smallMoreOrange {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #ff6501;
}
a:hover.smallMoreOrange { color: #cc0001; }


/* ----- IDS ----- */

#container{
	width: 950px;
	margin: 0 auto;
	padding: 0;
}
#header{
	height: 55px;
	margin-top: 32px;
/*	margin-bottom: 7px;*/
}
#nav{	
	background: #FFFFFF;
	list-style-type: none;
	margin: 0;
	display: block;
	width: 780px;
	height: 59px;
	float: left;
}

#navbar {
	background: #fff;
	list-style-type: none;
	margin: 0;
	display: block;
	width: 780px;
	height: 59px;
	float: left;
}

#navbar li { 
	padding-top: 24px; 
	float: left; 
}

#navbar li a {
	text-indent: -9999px;
	display: block;
	background-position: 0 0;
	height: 11px;
	line-height: 11px;
	float: left;
	margin-right: 10px;
}
* html #navbar li a { margin-right: 5px;}

#navbar li.first a { margin-left: 20px; }
* html #navbar li.first a { margin-left: 10px; }


#navbar li a:hover, body.about #navbar li#navAbout a, body.products #navbar li#navProducts a, body.jobsearch #navbar li#navJobSearch a,
body.jobsearch_int #navbar li#navJobSearch a, body.jobsearch_na #navbar li#navJobSearch a, body.careers #navbar li#navCareers a,
body.locations #navbar li#navLocations a, body.index #navbar li#navHome a  { background-position: 0 -11px; }



#navbar li#navHome a {
	background-image: url('images/navbar/nav-home.png');
	width: 52px;
}

#navbar li#navAbout a {
	background-image: url('images/navbar/nav-about.png');
	width: 111px;
}

#navbar li#navProducts a {
	background-image: url('images/navbar/nav-products.png');
	width: 115px;
}

#navbar li#navJobSearch a {
	background-image: url('images/navbar/nav-job-search.png');
	width: 96px;
}

#navbar li#navCareers a {
	background-image: url('images/navbar/nav-careers.png');
	width: 151px;
}

#navbar li#navLocations a {
	background-image: url('images/navbar/nav-locations.png');
	width: 143px;
}


#nav li {
	display: block;
	float: left;
	text-align: center;
/*	padding-top: 20px;*/
	line-height: 59px;
	margin-right: 05px;
/*	margin: 25px 5px 16px;*/
}

#nav li.first{
	padding-left: 15px;
}
#nav li a{
	text-decoration: none;
	color: #747474;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}

#nav li a:hover, #nav li.active a{
	color: #cc0001;

}

#nav li.active a{
	font-weight: bold;
}

#logo{
	background: #ffffff url(images/logo.gif) no-repeat 10px 10px;
	display: block;
	width: 170px;
	float: right;
	height: 59px;
	text-indent: -9999px;
	margin: 0;
}
#main{
	clear: both;
	float: left;
	background: #ffffff url(images/bg_common_blackline.gif) repeat-x;
	padding: 0;
	margin: 0;
}
#inner{
	background: url(images/bg_home_gradient.png) no-repeat top left;
}
#sidebar {
	width: 223px;
	background: black url(images/bg_common_dots.png) no-repeat center 10px;
	text-align: center;
	float: left;
}
#sidebar h1 {
	color: white;
	margin: 0 15px;
	padding: 30px 0 10px;
	font-size: 22px;
	line-height: 26px;
}
#sidebar .jobtitle{
	background: #b8b8b8;
	height: 20px;
	padding-top: 5px ;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 9px;
	margin: -5px 0 0;
}
#sidebar .playvideo {
	display: block;
	color: #f7cf18;
	background: transparent url(images/icon_movie.png) no-repeat 180px 11px;
	text-align: left;
	padding: 10px 0 0 25px;
	font-size: 9px;
	margin-bottom: 75px;
}

.about #main, .products #main, .jobsearch #main, .jobsearch_na #main, .careers #main {
	width: 726px;
	clear: none;
	float: left;
}

.locations #main, .about #main {
	width: 364px;
	clear: none;
}

.careers #main {

}

.about #inner, .products #inner, .jobsearch #inner, .jobsearch_na #inner, .careers #inner {
	padding: 45px 35px 40px 40px;
	width: 646px;
}
.jobsearch_na #inner{
	padding-top: 62px;
}

* html .jobsearch #inner {
	padding-right: 30px;
}

.locations #inner, .about #inner {
	padding: 62px 35px 40px 40px;
	width: 288px;
}

.index #main p, .about p, .products p, .jobsearch p, .locations p, .jobsearch_na p {
	margin-bottom: 25px;
	font-size: 13px;
	line-height: 20px;
	color: #3f3f3f;
}

.careers p {
	color: #3f3f3f;
}

.index #main p{
	margin-top: 10px;
}
#left_column, #right_column {
	width: 285px;
	float: left;
}
#left_column{
	margin-right: 70px;
}
#right_column{
	margin-top: 15px;
}
#content {
	margin-top: 11px;
	clear: both;
	background-color:#000;
}
#content.products {
	background: url(images/bg_common_2columnF.gif) repeat-y;
}

#content {
	background: url(images/bg_common_2columnF.gif) repeat-y;
/*	display: none;*/
	overflow: hidden;
	width: 100%;
}

.index #content { background: #000;}

body.about #content, body.locations #content {
	background: url(images/bg_common_3columnF.gif) repeat-y;
}

#content ul{
	color: black;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 30px;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
}
#content ul li {
	margin-bottom: 5px;
	background: url(images/icon_bullet.png) no-repeat 7px left;
	padding-left: 15px;
}

#content ul.greyLinks li, #content ul.greyLinks li a {
	color: #999;
}

#content ul.greyLinks li a:hover {
	color: #FF290D;
}


#footer{
	height: 60px;
	background: white;
	color: #747474;
	margin-top: 8px;
}
*html #footer { overflow: hidden; }

#credit {
	margin-top: 5px;
	margin-bottom: 60px;
}
#credit p{
	font-size: 10px;
	color: #747474;
	float: left;
}
#credit a img{
	float: right;
	
}

/* ----- HEADINGS ----- */

h1{
	font-weight: normal;
	font-style: normal;
	font-size: 25px;
	line-height: 27px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
h2{
	color: white;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 30px;
}
h3{
	color: #fe6402;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	margin-bottom: 2px;
}
h4{
	font-weight: bold;
	margin-bottom: 2px;
}

.locations h1 {
	line-height: 26px;
	padding-bottom: 5px;
}
/* ----- PARAGRAPHS ----- */

/* ----- IMAGES ----- */

img{
	margin: 0;
}
a img{
	border: none;
}
a:hover img{
	border: none;
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
	color: #cc0001;
	text-decoration: none;
/*	font-size: 12px;*/
/*	font-size: 10px;*/
}
a:hover{
	color: #FF290D;
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}

.inlinea{
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0;
}

/* ----- CLASSES ----- */

.hide{
	display: none;
}
.underline{
	text-decoration:underline;
}
}
.show{
	display: inherit;
}
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; margin-bottom: -1px;}

.caps{text-transform: uppercase;}
p.large_text{
	font-size: 130%;
	line-height: 140%;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.locations p.large_text, .jobsearch p.large_text{
	margin-bottom: 20px;
}
.blackh3{
	color: black;
}
h1.greybar {
	height: 45px;
	line-height: 45px;
	margin: 0 -40px 0 -40px;
	background: #b8b8b8;
	padding: 0 40px;
	color: #fff;
}
* html h1.greybar { width: 652px;}

p.large_text a.start_search {
	clear: left;
	display: block;
	width: 159px;
	height: 27px;
	margin-top: 9px;
	background: url('images/startjobsearch.gif');
	text-indent: -9999px;
}
p.large_text a:hover.start_search {
	background: url('images/startjobsearch.gif') 0 -27px;
}

a.current_opp_link {
	background: #ff6600;
	color: white;
	text-align: center;
	padding: 7px 10px 7px;
	font-size: 65%;
	line-height: 40px;
	clear: left;
}
.bottom_space {
	margin-bottom: 10px;
}
/* ----- Forms ----- */
form {
	width: 310px;
	text-align: left;
	font-size: 140%;
	line-height: 140%;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}
form label {
	display: block;
	width: 210px;
	padding: 0px 0px 12px 0px;
	
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}
form p {
	clear: left;
	font-size: 140%;
	line-height: 140%;
}
form a {
	clear: left;
	padding-top: 10px;
}
form label.field-keyword {
	clear: left;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 310px;
}
form label.field-keyword input {
	float: left;
	width: 200px;
	padding: 0px;
}
form label.field-country,
form label.field-city,
form label.field-discipline {
	float: left;
	margin-right: 10px;
	width: 310px;
	clear: left;
}

form label.field-country select,
form label.field-city select,
form label.field-discipline select {
	width: 210px;
	float: left;
	margin-top: 3px;
	margin-right: 200px;
}

/* ----- Page Specific ----- */
.index #main{
	width: 950px;
	margin: 0;
	padding: 0;
	
}
.index #inner{
/*	background: transparent url(images/bg_home_gradient.jpg) no-repeat top left;*/
	height: 255px;
	width: 420px;
	float: left;
	
}

.index #inner h1{ 
	width:350px;
	margin:40px 27px 0px 40px ;
	}
.index #inner p {
	width:350px;
	margin:0px 27px 27px 40px;
	line-height:2em;
}



#indexright{
/*	width:530;*/
	text-align:right;
}


/*
 * TODO put them in a div so they behave reasonably pretty - the current way it looks like one thousand cement blocks put together
 */
#jsh, #jsi, #jsn {
	display:block;
	text-align:center;
	float:left;
	font-size: 12px;
}


#jsi, #jsn {
	width: 265px;
	height: 38px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

a:hover#jsi, a:hover#jsn {
	background-position: 0 -38px;
} 


#jsh {
	width:403px;
	padding: 10px;
	height: 18px;
	font-size: 14px;
	color:#000;
	background-color:#b8b8b8;
}
#jsh a { font-size: 14px;}

#jsi{
	width:262px;
	height: 38px;
	background-image: url('images/home-int-jobs.png');
	
}
#jsn{
	width:265px;
	height: 38px;
	background-image: url('images/home-na-jobs.png');
}

#jsh a {
	color: #000;
	text-decoration: underline;
}

#jsh a:hover {
	color: #444;
	
}

//#home_fmi, #home_int_jobs_link, #home_na_jobs_link{
	float: left;
	height: 27px;
	vertical-align: middle;
	clear:  none;
}
//a#home_int_jobs_link, a#home_na_jobs_link{
	width: 262px;
	padding: 0;
}


//#home_fmi{
	font-size: 15px;
	color: #000;
	width: 388px;
	padding: 10px 0 0 35px;
}

//#home_fmi a{
	color: #000;
	text-transform: none;
	text-decoration: underline;
	font-size: 15px;
}
//#home_int_jobs_link{
	background: #d11718;

}
//#home_na_jobs_link {
	background: #ff6501;
}

#home_AGlobalPresence{
/*	width: 900px;*/
	height: 136px;
	color: #ffffff;
	clear: none;
}
#home_AGlobalPresence #textbox {
	padding:25px 15px 15px 575px;

}
a#globalpresence, a#learnwhat {
	float:left;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 136px;
	text-indent: -9999px;
}

a#learnwhat{
	background-image: url('images/home-learn.jpg');
	width: 422px;
}

a:hover#learnwhat, a:hover#globalpresence{ background-position: 0 -136px; }

a#globalpresence {
	background-image: url('images/home-global-presence.png');
	width: 490px;
}



#home_learnWhatItsLike a, #home_AGlobalPresence a{
	color: #ff6501;
	font-size: 10px;
}
#footer_home{
	height: 48px;
	padding-top: 15px;
}
#footer_home img {
	padding: 0 3px 0 3px;
}
#footer_home p{
	display: block;
	text-transform: uppercase;
	float: left;
	margin-top: 10px;
	margin-left: 35px;
	font-size: 11px;
	letter-spacing: 1px;
}
* html #footer_home p{
	margin-left: 20px;
}

#footerLeftElements {
	float: left;
	height: 30px;
	padding: 18px 0 12px 30px;
	width: 558px;
}

#footerRightElements {
	float: right;
	width: 322px;

}


#footerRightElements {
/*	background: #cc3;*/
	width: 362px;
	margin-right: 0px;
}

.footerLeftImages { float: left; width: 262px; }
.footerRightImages { float: left; width: 60px; }
#footerLeftElements h1, #footerLeftElements a { float: left; }

#footerLeftElements h1 {
	font-size: 20px;
	color: #000;
}

#footerLeftElements a {
	display: block;
	padding: 5px 0 0 7px;
	
}


#linkSearchInt, #linkSearchNA {
	width: 262px;
	height: 30px;
	text-indent: -9999px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a#linkSearchInt { background-image: url(images/footer_search_int.gif); }
a#linkSearchNA { background-image: url(images/footer_search_na.gif); }
a:hover#linkSearchNA, a:hover#linkSearchInt { background-position: 0 -30px;}

#footer_findout #home_int_jobs_link, #footer_findout #home_na_jobs_link,
#footer_globalloc #home_int_jobs_link, #footer_globalloc #home_na_jobs_link{
	height: 25px;
	padding-top: 5px;
	margin: 0;
}

img#brands{
	margin: 30px -30px 0 0;
}

#top_banner {
	width: 725px;
	margin: -32px -35px 30px -34px;
}

.jobsearch #footer, .jobsearch_int #footer, .jobsearch_na #footer {
	padding: 25px;
	overflow: visible;
}
* html .jobsearch #footer, * html .jobsearch_int #footer, * html .jobsearch_na #footer { padding-bottom: 5px;}

body.jobsearch #footer, body.jobsearch_int #footer, body.jobsearch_na #footer {
	height: auto;
/*	background: #c30;*/
	padding: 0;
}

body.jobsearch #footer .spacer, body.jobsearch_int #footer .spacer, body.jobsearch_na #footer .spacer {
	padding: 25px;
}

#footer_email h1 {
	width: 160px;
	font-size: 22px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	padding-top: 10px;
}

#emailTips {
	width: 640px;
	margin-left: 85px;
	font-size: 12px;
	color: #666;
	float: left;
	clear: none;
}

#emailTips a {
	text-transform: none;
	text-decoration: underline;
	color: #3f3f3f;
}

#emailTips a:hover {
	color: #000000;
	font-weight: normal;
	font-style: normal;
}

#footer_email {

}

/*.footer_search_img{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}

.footer_img {
	float: left;
	clear: none;
	margin: -30px 0 0;
	padding: 0;
}
*/
.jobsearch h1 {
	margin-top: 10px;
}

#global_locations, #aboutRightColumn {
	width: 362px;
	clear: none;
	float: left;
	padding-top: 13px;
	background: #000;
}
a#viewallcurrent {
	margin-top: 10px;
	padding-top: 0;
	display: block;
	background: url('images/viewallcurrent.gif');
	width: 262px;
	height: 27px;
	text-indent: -9999px;
}

a:hover#viewallcurrent {
	background: url('images/viewallcurrent.gif') 0 -27px;	
}


/*
 * Careers page
 */
#careersInto p {
	font-size: 14px;
	padding-bottom: 20px;
}



body.careers h1.greybar {
	font-size: 18px;
	color: #000;
/*	margin-top: 40px;*/
}

body.careers #inner {
	padding-bottom: 0px;
}

#careerQuestions {
	background: url('images/career-bkg.gif');
	margin-left: -40px;
	padding-left: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
}

#careersCateogories {
	width: 235px;
	float: left;
}

#careersAnswers {
	width: 350px;
	float: left;
	padding: 0 20px 0 40px;
}

.about #careersAnswers .answersHolder p, .about #careersAnswers .answersHolder div a {
	font-size: 14px;
}

.about #careersAnswers .answersHolder p {
	color: #666;
}

#careersCateogories div { 
	padding: 7px 0;
	font-weight: bold;
}

#careersCateogories div a {
	font-size: 11px;
	letter-spacing: 0.1em;
}

#careerQuestions a { color: #999; }
#careerQuestions a:hover {color: #888; }

#careerQuestions #careersCateogories a {
	text-transform: uppercase;
}

#careerQuestions #careersAnswers a.selectedQuestion {
	color: #000;
	font-weight: bold;
}

#careerQuestions #careersCateogories a.selectedCategory {
	color: #c00001;
}

.qa {
	padding: 8px 0;
}

/*
 * About page
 */
/*#aboutRightColumn {
	padding-top: 13px;
	background: #000;
}*/

.about #aboutRightColumn p, .about #aboutRightColumn h3 {
	color: #fff;
}

#content #aboutRightColumn ul {
	color: #fff;
}

#content #aboutRightColumn ul li {
	background: url('images/little-grey-bullet.png') center left no-repeat;
}

#aboutRightColumn .spacer {
	padding: 30px 40px 40px 40px;
}

a#bigButtonAbout, a#bigButtonHistory {
	display: block;
	text-indent: -9999px;
}

a#bigButtonHistory {
	background: url('images/button-learn-more-about-history.png');
	height: 125px;
	width: 363px;
}
a:hover#bigButtonHistory { background: url('images/button-learn-more-about-history.png') 0 -125px; }

a#bigButtonAbout {
	background: url('images/button-learn-more-about-invista.png');
	height: 99px;
	width: 363px;
}
a:hover#bigButtonAbout { background: url('images/button-learn-more-about-invista.png') 0 -99px; }

/*
 * Job search page
 */
#bigButtonToNA, #bigButtonToInt {
	height: 114px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#bigButtonToNA {
	background: url('images/searchforjobs_na.gif') 0 -114px;
	width: 361px;
}

#bigButtonToInt {
	background: url('images/searchforjobs_int.gif') 0 -114px;
	width: 359px;
}

a:hover#bigButtonToInt {
	background: url('images/searchforjobs_int.gif') 0 0px;
}

a:hover#bigButtonToNA {
	background: url('images/searchforjobs_na.gif') 0 0px;
}

/*
 * Global Locations Map
 */
#map {
	width: 362px;
	height: 197px;
	background: url('images/map-all.png');
	position: relative;
}

#map a {
	text-indent: -9999px;
	display: block;
	position: absolute;
	background-position: top;
	background-repeat: no-repeat;
}

#map a#kansas {
	width: 10px;
	height: 10px;
	top: 76px;
	left: 92px;
}

#map a:hover#kansas, #map a.selectedHQ#kansas {
	top: 76px;
	left: 45px;
	background-image: url('images/map-kansas.png');
	width: 58px;
	height: 12px;
}

#map a#brazil {
	width: 10px;
	height: 10px;
	top: 126px;
	left: 137px;
}

#map a:hover#brazil, #map a.selectedHQ#brazil {
	width: 52px;
	height: 11px;
	top: 126px;
	left: 97px;
	background-image: url('images/map-brazil.png');	
}

#map a#germany {
	width: 10px;
	height: 10px;
	top: 68px;
	left: 184px;	
}

#map a:hover#germany, #map a.selectedHQ#germany {
	background-image: url('images/map-germany.png');
	width: 67px;
	height: 11px;
	top: 68px;
	left: 184px;
}

#map a#singapore {
	width: 10px;
	height: 10px;
	top: 109px;
	left: 267px;
}

#map a:hover#singapore, #map a.selectedHQ#singapore {
	background-image: url('images/map-singapore.png');
	width: 78px;
	height: 11px;
	left: 199px;
	top: 109px;
}

#map a#hongkong {
	top: 89px;
	left: 262px;
	width: 10px;
	height: 10px;
}

#map a:hover#hongkong, #map a.selectedHQ#hongkong {
	background-image: url('images/map-hongkong.png');
	width: 78px;
	height: 11px;
}

#map a#ontario {
	width: 10px;
	height: 10px;
	top: 68px;
	left: 113px;
}

#map a:hover#ontario, #map a.selectedHQ#ontario {
	width: 46px;
	height: 24px;
	left: 97px;
	top: 56px;
	background-image: url('images/map-ontario.png');
}

#map a#mexico {
	width: 10px;
	height: 10px;
	left: 96px;
	top: 91px;
}

#map a:hover#mexico, #map a.selectedHQ#mexico {
	width: 41px;
	height: 23px;
	left: 86px;
	background-image: url('images/map-mexico.png');
}


#addresses p {
	color: #eee;
	padding: 0 40px;
	font-size: 14px;
}

a#buttonSearch {
	width: 94px;
	height: 27px;
	background: url('images/search.gif');
	display: block;
	padding-top: 0px;
}

a:hover#buttonSearch {
	background: url('images/search.gif') 0 -27px;
}


/*
 * Job search CFMs
 */
table.jobsListing tr td {
	padding: 3px 0;
}

.warning {
	color: #c00;
	padding-bottom: 15px;
}

#form1 {
	width: 100%;
}

.jobDescription p {
	margin: 0;
	padding-bottom: 10px;
}

.jobBasics h1 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

.jobBasics h2 {
	color: #111;
	font-size: 14px;
	line-height: 1.5em;
}

table .maincontent h1 {
	font-size: 14px;
	font-weight: bold;
}


label {
/*	background: #07f;*/
/*	float: left;*/
}

.Rmax_JobSearch_RegularText {
/*	width: 100%;*/
}