body { background-color: #000; color: #fff; font-family: Arial;  }
html { min-height: 100.1%; }
div#OuterContainer { width: 920px;  margin: auto; padding-left: 40px; padding-top: 10px; }
a { text-decoration:none; color: #fff; }
a:hover { color: #ff0387; }
.clearfix { border: 0; clear: both; font-size: 0px; height: 0px; margin:0; padding:0; visibility: hidden; }
a img { border: 0; }
.link { color: #fff; }
.link:hover { color:#ff0387; }
.forgotton { font-size: 100%; padding-top: 6px; }
.forgotton a { color:#ff0387 !important; }
.forgotton a:hover { text-decoration: underline; }
.forgottonBlack a { color: #000 !important; }
h1 { color: #ff0387; }
.bold { font-weight: bold; }
.pink { color:#ff0387 !important; }
a.pink:hover { text-decoration: underline; }
.whiteHeader { color: #fff; }
.error { font-weight: bold; color: Red; }
.versionContainer { background-color: #fff; color: #000; font-weight: bold; font-size: 60%; width: 220px; padding: 2px; position: absolute; }
/*Home Page*/
div#homePageNavigation {  z-index: 2; margin: 0px 0 0 140px; position: absolute; }
div#homePageNavigation ul { font-size: 75%; font-weight: bold; }
div#homePageNavigation ul li { list-style-type: none; float: left; margin-right: 20px; }
div#homePageNavigation ul li.spacing { }
div#homePageNavigation ul li a { color: #FFF;}
div#homePageNavigation ul li a:hover { color: #ff0387; }
div#homePageNavigation ul li a.active { color: #ff0387; }
#flashContainer { margin: 380px 0 0 260px; z-index: 10; }
/*Holding Page*/
div#holdingContainer { width: 500px; margin: 130px 0 0 350px; z-index: 2; position: absolute; }
div#holdingContainer h1 { font-size: 100%; margin: 0; padding: 0; font-weight: normal;  }
div#holdingContainer p { font-weight: normal; font-size: 100%; }
/*PictureContainers*/
div#manPictureContainer { background: url(/img/man.jpg) no-repeat 0 0; height: 743px; width: 421px; position: absolute; top: 120px; z-index: 1; }
div#homePicture { background: url(/img/home-people.jpg) no-repeat 0 0; height: 353px; width: 811px; position: absolute; top: 30px; z-index: 1; margin-left: 40px; }
/*Generic Page*/
div.genericContainer { width: 500px; margin: 10px 0; float: left; }
div.genericContainer a { color: #fff; }
div.genericContainer a:hover { color: #ff0387; }
div.genericContainer h1 { text-transform: uppercase; color: #ff0387; font-size: 120%; font-weight: normal; }
div.genericContainer h2 { font-size: 70%; font-weight: bold; }
div.genericContainer p { font-size: 70%; line-height: 150%; color: #e3e3e3; margin-bottom: 20px; }
div.genericContainer ul { font-size: 70%; margin: 0; padding-left: 12px; }
div.genericContainer ul li { line-height: 150%; list-style-image: url(/img/bullet.gif); }
div.genericContainerImage { float: right; margin: 50px 50px 0 0; }
/*Navigation*/
#navigation { background: url(/img/navigation.jpg) no-repeat 0 0; height: 33px; width: 879px; margin-top: 10px; }
#navigation ul { padding: 0; margin: 5px 0 0 10px; padding-top: 8px; font-size: 75%; }
#navigation ul li { float: left; margin: 0 30px 0 0; padding: 0; list-style-type: none; }
#navigation ul li a { color: #fff; font-weight: bold;}
#navigation ul li a:hover { color: #ff0387; font-weight: bold; }
#navigation ul li a.active { color: #ff0387; }
/*People*/
.peopleOuterContainer { width: 442px; z-index: 7;  }
.peopleTop { background: url(/img/peoplepages/people-top-curve.gif) no-repeat 0 0; height: 18px; width: 442px;  }
.peopleMiddle { border-right: Solid 1px #454546; border-left: Solid 1px #454546; padding: 0 20px; margin: 0; height: 180px;}
.peopleMiddle p { margin: 0; padding: 0; font-weight: bold; }
.peopleBottom { background: url(/img/peoplepages/people-bottom-curve.gif) no-repeat 0 0; height: 18px; width: 442px; margin: 0; padding: 0; }
div.genericPeopleContainer { width: 450px; margin: 10px 0; float: left; }
div.genericPeopleContainer h1 { text-transform: uppercase; color: #ff0387; font-size: 120%; font-weight: normal; }
div.genericPeopleContainer p { font-size: 70%; line-height: 150%; color: #e3e3e3; margin-bottom: 20px; }
div.genericPeopleImage { float: right; margin: 50px 0px 0 0; }
.peopleSubmitContainer { margin-top: 10px; padding: 0 10px 0 0; }
.peopleSubmitLeft { float: left; }
.peopleSubmitRight { float: right; }
/*Footer*/
#footer { background: url(/img/footer.jpg) no-repeat 0 0; height: 20px; width: 879px; margin-top: 10px; }
#footer ul { font-size: 60%; padding: 0; margin: 0 0 0 10px; padding-top: 2px;}
#footer ul li { float: left; list-style-type:none; margin: 0 10px 0 0; }
#footer ul li a { color: #fff; }
.footerCo { float: right; position: relative; top: -1px; }
/*Left Stores Navigation*/
div.storesContainer { float: left; }
div.sectionHeading { background: url(/img/section-heading.jpg) no-repeat 0 0; height: 28px; width: 184px; margin: 0; padding:0; }
div.sectionHeading h3 { font-size: 70%; font-weight: bold; padding-left: 12px; padding-top: 5px;}
div.accordion { border-right: solid 1px #3a3a39; border-left: solid 1px #3a3a39; width: 171px; margin: 0 0 0px 1px; padding: 0px 0 0 10px; }
div.accordion a { color: #fff; font-size: 70%; font-weight: bold; }
div.vacancyClassGroup { padding: 0px 0 0px 10px; }
div.vacancyClassGroup a { font-weight: normal; }
div.sectionFooting { background: url(/img/section-footer.jpg) no-repeat 0 0; height: 4px; width: 183px; margin: 0; padding: 0; margin-left: 1px; }
/*Right Job Selection Area*/
div.jobsContainer { float: left; margin-left: 5px; margin-top: 10px; }
div.innerJobsContainer {border-right: solid 1px #3a3a39; border-left: solid 1px #3a3a39; background-color: #000; }
#jobsHeader { background: url(/img/section-rightheading.jpg) no-repeat 0 0; height: 28px; width: 690px; margin-top: 1px; }
#jobsHeader h3 { font-size: 70%; font-weight: bold; padding-left: 8px; padding-top: 5px; margin: 0; }
#jobsFooter { background: url(/img/section-rightfooter.gif) no-repeat 0 0; height: 6px; width: 690px; }
div.jobsContainer ul { margin: 0; padding-left: 20px; }
div.jobsContainer ul li {  list-style-image: url(/img/bullet.gif); margin: 0; padding: 0; }
div.jobsContainer a { color: #fff; font-size: 70%; }
div.jobsContainer a.active { font-weight: bold; }
.jobListInner ul { height: 200px; }
div.vacancyList { float: left; width: 190px; }
div.vacancyDescription { float: right; width: 488px; background-color: #fff; color: #000; font-size: 70%; margin-right: 4px; }
div.vacancyDescriptionHeader { background: url(/img/notepad-top.jpg) no-repeat 0 0; height: 29px; width: 488px; }
div.vacancyDescriptionFooter { background: url(/img/notepad-bottom.gif) no-repeat 0 0; height: 43px; width: 488px; }
div.vacancyDetailsContainer { margin: 0 10px 10px 10px; }
div.vacancyDetailsContainer h2 { color: #ff0387; font-size: 130%; text-transform: uppercase; }
div.vacancyDetailsContainer h3 { font-size: 100%; }
div.vacancyDetailsContainer ul { list-style-type: circle; list-style-image: none; }
div.vacancyDetailsContainer ul li { list-style-type: circle; list-style-image: none; }
div.vacancyApply { text-align: center; position: relative; top: 40px; }
/*Application Form Particulars */
.applicationFormContainer { margin-left: 15px;  }
.applicationFormContainer h1 { color: #292929; margin: 0; padding: 0; font-size: 140%;  }
.applicationFormContainer h2, .accountContainer h2 { color: #ff0387; text-transform: uppercase; font-size: 125%; margin: 2px 0; }
.appItem { width: 450px; margin-bottom: 9px; }
.appItemLong { width: 700px; margin-bottom: 9px; }
.appLeft {float: left; width: 230px; }
.appLeftLong { float: left; width: 400px; }
.appRight { float: left; }
.progressContainer { border-top: Solid 1px #ff0387; width: 450px; margin-bottom: 5px; }
.progressContainer div { background-color: #fcd0e7; padding: 3px 6px; float: left; margin-bottom: 10px; }
.progressContainer div.active { background-color: #ff0387; padding: 3px 6px; float: left; }
.applicationNotifications { background-color: #ff0387; color: #fff; font-weight: bold;  margin-bottom: 5px; margin-left: 16px; margin-right: 16px; font-size: 120%; padding: 0px 3px; display:block;  }
.textbox { width: 200px; border: solid 1px #696969; font-size: 90%; padding-left: 5px; }
.textarea { font-size: 95%; font-family: Arial; width: 200px; }
.dropdownlist { width: 206px; border: solid 1px #000; font-size: 100%; }
.ddlContainer { margin-bottom: 5px; }
.error { color: #ff0387; font-size: 100%; margin-right: 10px; padding: 4px 0 0 0; }
.errorContainer ul li { color: #ff0387; font-weight: bold; font-size: 70%; margin: 0; padding: 0; }
.submitContainer { text-align: right; width: 410px; }
.submitContainerLong { text-align: right; width: 605px; }
.submitContainerApp { text-align: center; width: 440px; margin: 20px 0;  }
.applicationLoginContainer { width: 171px; color: #fff;  padding-bottom: 5px; position: absolute; display: block; margin-left: -188px; top: 150px; }
.innerPeople { width: 171px; color: #fff;  padding-bottom: 5px; position: absolute; display: block; margin-left: -190px; top: 140px; }
.innerPeopleContainer { z-index: -1; }
.applicationLoginContainerInner { border-bottom: Solid 1px #696969; margin-bottom: 20px; }
.appItemSmall { width: 158px; margin-bottom: 5px; }
.appItemSmall .textbox {  border: solid 1px #fff; width: 150px; color: #000; font-size: 90%; }
.blackwater { background-color: #000; border: solid 1px #fff; width: 150px; color: #e3e3e3; font-size: 90%; }
.modalBackground { background:url(../img/overlay.png); }
.modalContainer { background: url(/img/pleasewait.jpg) no-repeat 0 0; height: 105px; width: 190px;  }
.modalContainer h3 { color: #fff; margin: 0px 0 0 30px; padding-top: 10px; font-size: 150%; }
#modalMessage { color: #FFF; margin: 30px 0 0 18px; width: 160px; }
/*Account Section */
.accountContainer { font-size: 70%; margin-top: 10px; margin-bottom: 40px; }
.accountContainer h1 { text-transform: uppercase; color: #ff0387; font-size: 170%; font-weight: normal; }
.accountContainer h2 { margin-bottom: 20px; }
.accountContainer h3 { color: #ff0387; margin: 0 0 10px 0;}
.accountContainer .left { float: left; width: 450px;}
.accountContainer .textbox { width: 175px; }
.accountContainer .textarea { width: 175px; }
.accountContainer .right { float: left; width: 300px; }
.accountDetailsNav { background: url(/img/adminheader.jpg) no-repeat 0 0; height: 33px; width: 879px; margin-top: 10px;  }
.accountDetailsNav ul { padding: 0; margin: 5px 0 0 10px; padding-top: 4px;  }
.accountDetailsNav ul li { float: left; margin: 0 30px 0 0; padding: 0; list-style-type: none;  }
.accountDetailsNav ul li a { color: #fff; font-weight: bold; font-size: 75%; text-transform:uppercase; }
.accountDetailsNav ul li a:hover { color: #ff0387; }
.accountDetailsNav ul li a.active { color: #ff0387; }
.accountNotifications { color: #ff0387; font-weight: bold; width: 600px; margin-bottom: 5px; margin-top: 10px; }
.accountContainerWithImage { margin-left: 10px; font-size: 70%; margin-top: 20px;   width: 460px; float: left; }
.accountContainerImage { float: right; margin: 10px 40px 10px 0; }
.loginPage { width: 500px; float: left; }
.loginPage .appLeft { width: 80px; }
.loginPage .submitContainer { text-align: right; width: 260px; }
.gridCurrentVacancies { color: #fff; }
.gridCurrentVacancies tr th { background: url(/img/headerbutton.jpg) no-repeat 0 0; height: 28px; width: 104px; text-align: left; padding: 0px 0 0 10px; margin: 0;}
.gridCurrentVacancies tr td { color: #fff; height: 30px; padding-left: 10px; }
.highlight { background-color:#ff0387; color: #fff; font-weight: bold;  }
td { color: #000; }
.jobList2 { width: 190px; float: left; }
.peopleImage { position: relative; margin-top: 30px; }
.floatRight { text-align: right; }