body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,form,fieldset,p{margin:0; padding:0; font-weight:normal}
img,fieldset{border:none; padding:0; margin:0;}
body{font:11px Arial, Helvetica, sans-serif; color:#333333; }
span.clear{clear:both;}
.left{float:left; width:auto;}
.right{float:right; width:auto;}
a,object{outline:0;}


p em {font-style:normal !important;}

li em {font-style:normal !important;}


#layout{width:978px; margin:0px auto;}
#header{width:100%; float:left; background:#000 url(../images/header_top.gif) no-repeat 0px 0px; padding:10px 0px 0px 0px;}
#header .logo{padding:3px 0px 11px 28px; text-align:left !important;}

#menu{width:100%; float:left; background:url(../images/menu_bottom.gif) repeat-x 0px 100%; padding-bottom:8px;}
#menu ul{padding-left:18px;}
#menu ul li{float:left; padding-right:1px; list-style:none; position:relative; z-index:20;}
#menu ul li a{float:left; height:33px;text-indent:-4000px;}
/*individual tabs*/
#menu ul li.home a{background:url(../images/menu.jpg) no-repeat 0px 0px; width:52px;}
#menu ul li.home a:hover, body.homepage #menu ul li.home a, body.comet #menu ul li.home a{background-position:0px -33px;}
#menu ul li.location a{width:70px; background:url(../images/menu.jpg) no-repeat -53px 0px;}
#menu ul li.location a:hover, body.locations #menu ul li.location a{background-position:-53px -33px;} 
#menu ul li.training a{width:65px; background:url(../images/menu.jpg) no-repeat -124px 0px;}
#menu ul li.training a:hover, body.training #menu ul li.training a{background-position:-124px -33px;}
#menu ul li.yourdevelopment a{width:120px; background:url(../images/menu.jpg) no-repeat -190px 0px;}
#menu ul li.yourdevelopment a:hover, body.yourdevelopment #menu ul li.yourdevelopment a{background-position:-190px -33px;}
#menu ul li.ourrewards a{width:85px; background:url(../images/menu.jpg) no-repeat -311px 0px;}
#menu ul li.ourrewards a:hover, body.ourrewards #menu ul li.ourrewards a{background-position:-311px -33px;}
#menu ul li.workinghere a{width:95px; background:url(../images/menu.jpg) no-repeat -397px 0px;}
#menu ul li.workinghere a:hover, body.workinghere #menu ul li.workinghere a{background-position:-397px -33px;}
#menu ul li.meetourpeople a{width:109px; background:url(../images/menu.jpg) no-repeat -493px 0px;}
#menu ul li.meetourpeople a:hover, body.meetourpeople #menu ul li.meetourpeople a{background-position:-493px -33px;}
#menu ul li.ourhistory a{width:82px; background:url(../images/menu.jpg) no-repeat -603px 0px;}
#menu ul li.ourhistory a:hover, body.ourhistory #menu ul li.ourhistory a{background-position:-603px -33px;}
#menu ul li.searchvacancies a{width:110px; background:url(../images/menu.jpg) no-repeat -686px 0px;}
#menu ul li.searchvacancies a:hover, body.searchvacancies #menu ul li.searchvacancies a{background-position:-686px -33px;}

#menu ul li ul{border-bottom:solid 2px #a977b9;  width:150px; padding:15px 30px 0px 10px; position:absolute; left:0px; top:32px; background:#fff url(../images/gradient.gif) repeat-x 0px 0px; display:none;}
#menu ul li ul li{float:none; white-space:nowrap; margin:0px 0px 10px 0; width:140px;}
#menu ul li.workinghere ul li a , #menu ul li.workinghere ul li a:hover, #menu ul li.workinghere ul li a:hover ul li a{display:inline; font:12px Arial, Helvetica, sans-serif; float:none; color:#333; text-decoration:none; padding-left:10px; background:url(../images/arrow.gif) no-repeat 0 5px;  width:130px;}
#menu ul li.workinghere ul li a{background:none;}
#menu ul li.workinghere ul li.search{ width:140px;  background:url(../images/dots.gif) repeat-x 0px 0px; padding:10px; margin:0px -30px 0px -10px;} 
#menu ul li:hover ul{display:block;}

#menu ul li.training ul li a , #menu ul li.training ul li a:hover, #menu ul li.training ul li a:hover ul li a{display:inline; font:12px Arial, Helvetica, sans-serif; float:none; color:#333; text-decoration:none; padding-left:10px; background:url(../images/arrow.gif) no-repeat 0 5px;  width:130px;}
#menu ul li.training ul li a{background:none;}

#container{background:url(../images/grad.gif) repeat-x 0px 0px; width:100%; float:left; padding:20px 0px; position:relative;}
#container  #inner_container{background:url(../images/container_top.jpg) no-repeat 1px 0px; width:100%; float:left; position:relative; margin-top:-9px;}
#container  .bottom_container{background:url(../images/bottom_bg.jpg) no-repeat center 100%; padding:37px 50px 20px 50px; width:880px; position:relative; float:left;  position:relative;}
#container  .bottom_container .flash{width:500px; height:405px; position:absolute; right:18px; top:45px;}
#container  .bottom_container.inner{background: url(../images/inner_bg1.jpg) no-repeat 0px 0px; margin-top:-20px; padding-bottom:0px; padding-top:47px;}


#container  #leftcopy{width:430px;/*amended from 450px*/ position:relative; z-index:10; float:left;}
#container  .bottom_container #leftcopy{width:420px;/*amended from 430px*/}
#container  a{color:#a977b9; text-decoration:none;}
#container  a:hover{text-decoration:underline;}
/*#container  .bottom_container #leftcopy{width:400px;float:left;}
#container  .bottom_container #rightflash{width:475px;float:left;}*/
#container  .bottom_container h2{font-weight:bold;font-size:1.5em;}
#container  .bottom_container h3{font-weight:bold;font-size:1.4em;}
#container  .bottom_container .margin{margin-bottom:40px;}
#container .bottom_container p, #container .bottom_container ul{ line-height:16px; color:#333333; margin-bottom:5px; font:14px Arial, Helvetica, sans-serif; line-height:20px;}
#container .bottom_container ul{margin-left:20px;}
/*sitemap ul overrides*/
#container .bottom_container #sitemap ul{margin-bottom:3px;}

.section {height:160px;width:100%;}
.section .promo_graphic {float:left;position:relative;top:14px;left:12px;}
.section .promo_graphic img {float:left;}
.section #promo_people {float:right;}

#footer{width:100%; float:left;}
#footer .footer_top{background:url(../images/footer_bg.jpg) no-repeat 0px 0px; height:44px; padding:0px 0px 0px 80px;}
#footer .footer_top ul li{ float:left; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; list-style:none; line-height:46px; padding-right:10px;}
#footer .footer_top ul li a{color:#fff; text-decoration:none;}
#footer .footer_top ul li a:hover{text-decoration:underline;}
#footer .footer_top ul li.pipe{background:url(../images/pipe.gif) no-repeat 0px 0px; height:20px; margin-top:15px;}

#footer .footer_bottom{background:url(../images/footer_bottom.jpg) no-repeat 0px 0px; height:51px; clear:both;}
#footer .footer_bottom ul{float:left; padding:15px 0px 0px 20px;}
#footer .footer_bottom ul li{display:inline; background:url(../images/arrow1.gif) no-repeat 100% 4px; padding-right:10px; margin-right:10px;  font:12px Arial, Helvetica, sans-serif;}

#footer .footer_bottom a{color:#246699; text-decoration:none;}
#footer .footer_bottom a:hover{text-decoration:underline;}
#footer .footer_bottom p{float:right; padding:15px 20px 0px 0px; font:12px Arial, Helvetica, sans-serif;}

#container #rightflash{float:right; width:475px; margin-right:-30px; overflow:hidden; }
#container #rightflash .box{clear:both; float:left; width:100%; margin-bottom:-21px; padding-top:80px;}
#container #rightflash .box .flash4{float:right; background:url(../images/sreena.jpg) no-repeat 0px 0px; height:103px; padding:53px 0 0 10px; width:265px; overflow:hidden;}
#container #rightflash .box .flash4 p{text-align:left; padding-top:0px; margin:2px 0px 10px 0px;}

#container  .bottom_container #rightflash p{clear:both; padding-top:20px; font:22px Arial, Helvetica, sans-serif; text-align:right;}
#container  .bottom_container #rightflash p a{color:#a977b9;}
#container  .bottom_container #rightflash .retail{width:168px; background:url(../images/small_box1.gif) no-repeat 0px 0px; float:left; margin-top:41px; position:relative; }
#container  .bottom_container #rightflash .retail .bottom{background:url(../images/small_box1_btm.gif) no-repeat 0px 100%; padding:90px 10px 10px;}
#container  .bottom_container #rightflash .retail .bottom .mouse{float:none; position:absolute; top:-14px; right:2px; width:151px;}
#container  .bottom_container #rightflash .retail .bottom img{margin-top:0; margin-bottom:1px;}
#container  .bottom_container #rightflash .retail p{padding:0px; margin:0px; height:auto;}
#container  .bottom_container #rightflash .retail .bottom  p img{ margin-top:0px; margin-bottom:0px;}

/*meet our people amends*/
/*this is for the individual profile pages*/
body.meetourpeople #container .bottom_container #rightflash object{margin-left:70px;}
/*reset for the landing page TV*/
body.meetourpeople #container .bottom_container #rightflash object#tvflashholder{margin-left:0;}
/*change width of landing page so flash can sit two per line*/
body.meetourpeople #container  .bottom_container #leftcopy{width:470px;}
body.meetourpeople #container  .bottom_container #rightflash {float:right;margin-right:-70px;overflow:hidden;width:475px;height:700px;}


.link{ width:300px; float:right; padding-bottom:20px; text-align:right; padding-top:20px;  font:22px Arial, Helvetica, sans-serif; text-align:right;}

/*locations map*/
/*locations page needs min height for footer to display below map*/
body.locations #container  .bottom_container.inner{min-height:675px;}
#map{float:left;margin-right:30px;}
#mapholder{height:407px;width:950px;background: url(../images/locations.png) no-repeat 0 0;position:relative;left:-35px;padding:20px;top:10px;}
#mapcontrols{width:390px;float:left;}
#storelink{padding-top:20px;text-align:center;width:412px;font-size:1.2em;}
#storelink a{font-weight:bold;}
#container .bottom_container #mapcontrols h2{padding:10px 10px 15px 15px;margin-bottom:0;color:#a977b9;font-size:24px;}
#leftcolumn{margin-left:30px;width:150px;float:left;}
#rightcolumn{margin-left:185px;width:250px;margin-bottom:30px;}
#checkboxcontainer{width:412px;margin:0 auto;padding-top:15px;}
#checkboxcontainer label{font-size:1.3em;}
#checkboxcontainer span{display:block;padding-bottom:10px;}
#sidebar{height:100px;width:403px;background:#fff;overflow:hidden;padding:10px;}

/*Our rewards self selection*/
#rewardsholder{position:absolute;}
#rewardsaccordion {background:#A877B9; color:#fff;margin-bottom:10px;width:410px;}
#container .bottom_container #rewardsaccordion ul {padding-left:20px;background:#F7F2F9;margin-left:0;margin-bottom:5px;}
#rewardsaccordion ul li {color:#000;padding-left:1px;}
#rewardsaccordion h3{padding:5px;cursor:pointer;background:url(../images/rewards-plus.png) no-repeat 98% 50%;}
#rewardsaccordion h3.active{background:url(../images/rewards-minus.png) no-repeat 98% 50%;}
body.ourrewards #leftcopy {min-height:500px;}
 /*self selection*/
 #selfselectioncontent{height:420px;}

/*jScrollPane styles*/
 .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;border:1px solid #D5BFDF;left:-5px;background:#fff;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #F8F4FA;
}
.jScrollPaneDrag {
	position: absolute;
	background: #A977B9;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}