/* start modification of standard rules */
#wrapper_main {
width:1000px;
}
#wrapper_content.full .mainContent,
#wrapper_content.full,
#wrapper_content {
background:none;
width:750px;
}
#wrapper_content {
margin-right:0;
}
/* end modification of standard rules */
/* start special navigation */
ul.firstLevel,
ul.secondLevel,
ul.thirdLevel {
clear: both;
margin:8px 0 0 0;
text-align:center;
}
ul.thirdLevel { /* TODO: handle dynamically */
margin-left:266px;
}
ul.firstLevel li,
ul.secondLevel li,
ul.thirdLevel li {
float:left;
font-size:14px;
font-weight:bold;
list-style-type:none;
margin:0 15px 0 0;
text-transform:uppercase;
}
ul.firstLevel li a,
ul.firstLevel li a:link,
ul.firstLevel li a:visited,
ul.secondLevel li a,
ul.thirdLevel li a {
color:#777;
text-decoration:none;
}
/* class used by menu javascript to avoid jerkiness when repositioning menu items */
ul.menuHidden li a,
ul.menuHidden li a:link,
ul.menuHidden li a:visited {
color : #fff;
}
ul.secondLevel li,
ul.thirdLevel li {
font-size:12px;
text-transform:none;
}
/* end special navigation */
/* start main content */
#wrapper_content div.mainContent {
clear:both;
margin:20px 20px 0 0;
width:510px;
}
#wrapper_content .mainContent.simple {
margin-top:0;
}
#wrapper_content div.mainContent h1,
#lightboxContents h1,
div.faqItem h1 {
color:#2e2e2e;
font-size:24px;
letter-spacing:-1px;
line-height:30px;
margin-bottom:15px;
text-transform:uppercase;
}
#lightboxContents h1 {
margin-right:20px;
}
#wrapper_content div.mainContent h3,
#lightboxContents h3 {
color:#2e2e2e;
}
#wrapper_content div.mainContent h3 span,
#lightboxContents h3 span {
color:#cc0000;
}
#lightbox h3 {
font-size:12px;
}
div.module { /* bottom modules on start page */
float:left;
margin: 15px 0 0 20px;
width:365px;
}
div.first { /* takes away left margin on first module */
margin-left:0;
}
div.module ul, /* headin & nav for modules */
div.module h3 {
border-bottom: 1px solid #777;
margin:8px 0 5px 0;
overflow:auto;
width:100%;
}
div.module ul li {
background:none; 
float:left;
margin:0 10px 0 0;
margin-right:10px;
padding-left:0;
}
div.module ul a {
padding-bottom:0;
}
div.module img {
margin-top:20px;
}
#wrapper_content div.module ul li a,
#wrapper_content div.module ul li.current a,
#wrapper_content div.module h3 {
text-decoration:none;
text-transform:none;
}
#wrapper_content div.module ul li,
div.module ul li.current a,
#wrapper_content .mainContent div.module h3 {
color:#cc0000;
font-size:14px;
font-weight:bold;
}
li.selected a,
#wrapper_content ul li.selected a {
color:#cc0000;
text-decoration:none !important;
}
#wrapper_content div.mainContent img {
margin-top:0px;
}
div.movie { /* movieplayer on jobrole page */
margin:20px 0 7px 0;
}
div.mainContent ul.episodes { /* movie episodes */
clear:both;
margin:0 0 20px 0;
overflow:auto;
}
div.mainContent ul.episodes li { 
float:left;
list-style: none;
margin: 0 10px 0 0;
background:none;
padding-left:0;
}
#wrapper_content div.mainContent ul.episodes img {
margin-top:0;
width:105px;
}
.mainContent ul.pictogram { /* your responsibilties */
margin:0 0 15px 0;
overflow: auto;
}
.mainContent ul.pictogram li,
.mainContent ul.pictogram li.pictogram1 { /*customer*/
background: url(/static/images/career/pictCustomer.png) no-repeat left center;
font-size:11px;
font-weight:normal;
float:none;
line-height:1.2;
margin-bottom:5px;
min-height:17px;
padding: 3px 0 0 35px;
text-transform:none;
}
.mainContent ul.pictogram li.pictogram2 { /*leadership*/
background: url(/static/images/career/pictLeadership.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram3 { /*garments*/
background: url(/static/images/career/pictGarments.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram4 { /*financial*/
background: url(/static/images/career/pictFinancial.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram5 { /*operations and routines*/
background: url(/static/images/career/pictOperationsRoutines.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram6 { /*collections*/
background: url(/static/images/career/pictCollections.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram7 { /*interacting*/
background: url(/static/images/career/pictInteracting.png) no-repeat left center;
}
.mainContent ul.pictogram li.pictogram8 { /*sales*/
background: url(/static/images/career/pictSales.png) no-repeat left center;
}
/* end main content */
/* start secondary content (puffs/modules on right side) */
#right_column {
margin-right:20px;
width:175px;
}
div.puff { /* puffs in right column */
border-bottom:1px solid #aaa;
padding: 20px 17px 20px 20px;
width:140px;
}
div.first.puff { /* takes away the top padding on first puff in right column */
padding-top:0;
}
div.puff img {
padding-top:5px;
}
div.puff a,
div.module a,
#right_column div.puff p,
div.module p {
color:#333;
display:block;
font-size:14px;
font-weight:bold;
padding-bottom:5px;
text-decoration:none;
}
#right_column div.puff h3 {
color:#cc0000;
}
#QUIZ { /* quiz-puff */
background: url(/static/images/career/bgPuffCard.gif) no-repeat top left;
border-bottom:0;
margin-top:20px;
min-height:160px;
width:90%;
}
#AVAILABLEJOBS.puff,
#JOBLISTINGS.puff  { /* available jobs-puff */
background: url(/static/images/career/bgPuffMap.gif) no-repeat left 30px;
padding:25px 17px 25px 20px;
}
.module #AVAILABLEJOBS,
.module #JOBLISTINGS {
background: url(/static/images/career/bgPuffMapBig.gif) no-repeat center 30px;
min-height:180px;
padding-top:50px;
}
.module #JOBLISTINGS {
padding-top:0.5em;
}
/* end secondary content */
/* start faq (popup) */
div.faqItem {
padding: 5px 0;
width: 350px;
}
div.faqItem h3 {
cursor: pointer;
font-size:12px;
}
div.faqItem div {
font-size:1.1em;
}
/* end faq */
/* start popup layer things to think about */
ul.thingsToThinkAboutItems {
margin-left:5px;
}
ul.thingsToThinkAboutItems li {
background: url(/static/images/career/bgCheck.gif) no-repeat left 2px;
color:#2e2e2e;
font-size:1.2em;
list-style-type: none;
margin:0 0 10px 0;
padding-left:20px;
}
/* end popup layer things to think about */
#JOBLISTINGS.puff ul {
margin-bottom:1em;
}
#JOBLISTINGS.puff ul li a {
font-size:1.1em;
font-weight:normal;
padding-bottom:2px;
}
.module #JOBLISTINGS ul li {
float:none;
margin:0;
}
.module #JOBLISTINGS ul li a {
display:inline;
font-size:11px;
font-weight:normal;
}
.module #JOBLISTINGS ul {
border-bottom:0;
margin:0 0 0.5em 0;
}
/* start showing if user don't have flash */
div.no_flash p {
font-size:1em;
font-weight:bold;
line-height:1.5em;
margin: 1em 0;
text-transform:uppercase;
}
div.no_flash_button a {
font-size:1.1em;
margin-bottom:15px;
}
.lightboxQUIZ div.mainContent {
width:auto;
}
.lightboxQUIZ div.mainContent div.no_flash_container {
padding:50px;
}

/* Sortable tables */
table.tablesorter {
margin:10px 0 15px;
width: 100%;
text-align: left;
border-bottom:1px solid #aaa;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
padding: 4px;
}
table.tablesorter thead tr .header {
background: #f4f4f4 url(/static/images/career/start.gif) no-repeat left bottom;
cursor:pointer;
font-size:12px;
font-weight:normal;
padding-bottom:13px;
}
table.tablesorter tbody td {
padding: 2px 5px;
font-size:11px;
}
table.tablesorter tbody td + td {
border-left: 1px solid #aaa;
}
table.tablesorter tbody td a {
text-decoration:none;
}
table.tablesorter thead tr .headerSortUp {
background: #f4f4f4 url(/static/images/career/asc.gif) no-repeat left bottom;
}
table.tablesorter thead tr .headerSortDown {
background: #f4f4f4 url(/static/images/career/desc.gif) no-repeat left bottom;
}
#wrapper_content a.buttonSmall,
#wrapper_content a.buttonSmallInactive{ /* smaller button than the normal */
float: left;
background: url(/static/images/8_storelocator/button.gif) top left no-repeat;
font-weight: bold;
padding-left:3px;
text-decoration:none;
cursor:pointer;
}
a.buttonSmall span,
a.buttonSmallInactive span{
float: left;
display: block;
background: url(/static/images/8_storelocator/button.gif) top right no-repeat;
padding: 4px 10px 8px 6px;
font-weight:bold;
font-size:1.1em;
}
a.buttonSmallInactive span,
#wrapper_content a.buttonSmallInactive:hover{
color:#8f8f8f;
}
a.buttonSmallInactive span {
cursor:default;
}
/* end paragraps, links and buttons */
/* start search field */
fieldset {
border:0;
margin:0 0 5px 23px;
}
input,
label,
select {
float:left;
font-size:1.1em;
margin:2px 10px 0 0;
}
select {
margin-top:0;
}
select.search {
margin-bottom:1em;
width: 150px;
}
label.checked {
font-weight:bold;
}
input.searchBy {
width: 200px;
}
/* end showing if user don't have flash */
/* job listnings */
fieldset {
margin:0;
}
fieldset.jobList {
margin:2em 0;
}
fieldset select {
width:10em;
}
div.footer {
float:right;
}
div.footer fieldset {
float:left;
margin-right:5em;
}
div.footer fieldset.last1 {
margin-right:0;
}
div.footer fieldset.last2 {
margin-right:0;
}
div.footer a,
div.footer span,
div.footer input,
div.footer select {
float:left;
font-size:1.1em;
margin-top:3px;
margin-right:3px;
}
div.footer input,
div.footer select {
margin-top:0;
}
div.footer input {
width:2em;
}
div.footer select {
width:4em;
}

div.selectCountry {
float:right;
}

div.selectCountry select{
margin-top:2em;
width: 130px;
}

div.selectCountry span{
margin-top:2.2em;
}


a.next,
a.prev,
a.nextInactive,
a.prevInactive {
background:url(/static/images/career/next.gif) no-repeat right 3px;
padding-right:1em;
margin:3px 5px 0 5px;
}
a.prev {
background:url(/static/images/career/prev.gif) no-repeat left 3px;
padding-left:1em;
}
a.nextInactive {
background:url(/static/images/career/nextInactive.gif) no-repeat right 3px;
padding-left:1em;
color:#aaa;
}
a.prevInactive {
background:url(/static/images/career/prevInactive.gif) no-repeat left 3px;
padding-left:1em;
color:#aaa;
}
a.rss {
float:left;
background:url(/static/images/career/rss.gif) no-repeat left 2px;
padding-left:1.7em;
font-size:1.1em;
margin-top:3px;
}
col.sort {
background-color:#fff;
}
a.share {
background: transparent url(../images/common/addThis.gif) no-repeat left top;
font:1.1em Arial, Helvetica, sans-serif;
text-decoration:underline;
padding:0 0 2px 2em;
margin:3px 0 0 1em;
float:left;
display:block;
}
.module table {
margin-bottom:1em;
}
.module table td {
min-width:10em;
padding:2px;
margin-left:1em;
font-size:11px;
}
.module table td a {
font-size:11px;
font-weight:normal;
padding-bottom:0;
}
div#JOBLISTINGS table {
margin-bottom:10px;
}
div#JOBLISTINGS table td,
div#JOBLISTINGS table td a {
font-size:11px;
padding:2px 10px 2px 0;
}
div#JOBLISTINGS table td a {
padding:0;
font-weight:normal;
}
/* special for job ads */
div.showJobAd {
font-size:12px;
line-height:13px;
}