/* CSS Document - Boots*/

body { 
background: url(../images/mainBlueBg.jpg) #dbebf4 top center repeat-x;
color:#666; 
font-family: verdana, arial, helvetica, sans-serif;
font-size:62.5%;
margin: 0; 
padding:0;
min-width: 735px; 
text-align:center;
}

#outerframe {
position:relative;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
margin-top: 0;
text-align:left;
width:735px;
}

#frame { 
position:absolute;
top:0;
width: 735px;
margin: 0;
padding:0;
float:left;
}

/*skiplinks for access keys*/
#skiplinks {display:none;}

#skiplinks li { 
display: inline; 
margin: 0;
padding: 0;
list-style-type: none; 
} 

#skiplinks a { 
position: absolute;
top: 0;
left: 20px;
width: 0px;
height: 0;
z-index: 1000;
background-color: #fff;
color: #dc2a1a;
font-weight: bold;
font-size: 1em! important;
overflow: hidden;
} 

#skiplinks a:active { 
position: absolute;
margin: 0;
padding:6px;
width: auto;
height: auto;
border-top-width: 0px;
border-left-width: 0;
border-bottom-width: 0;
overflow: visible; 
border-right-width: 0; 
font-size: 0.6em;
} 

hr.hide { display: none;}

/*container for date, logo and main navigation*/

#header { 
position:relative;
top:0;
width: 735px;
height:127px;
padding:0;
margin: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#header {margin:-10px 0 0 0;}
}

#logo { 
position: relative;
width: 176px;
margin: 0;
padding:0;
float:left;
}

#logo img {
margin:0;
border:none;
}

#dateNav { 
position: relative;
width: 531px;
margin: 0;
padding:0;
float:left;
}

#datecontainer {
position: relative;
width: 531px;
height:50px;
margin: 0;
padding:0;
float:left;
}

#date { 
position: relative;
width: 184px;
height:25px;
background: url(../images/blueTime.gif) #00366a top left no-repeat;
color:#fff;
margin: 0 12px 0 0;
padding:0;
float:right;
}

html > /**/ body #date {margin-right:25px;}


#date p {
color:#fff;
background:#00366a;
font-size:10px;
font-weight:bold;
margin-top:5px;
text-align:center;
}

/*main navigation*/
#navcontainer {
	display:none;
	position: relative;
	width:500px;
	height: 34px;
	margin: 0;
	clear:left;
	padding-top: 0;
	padding-right: 20;
	padding-bottom: 0;
	padding-left: 0;
} 

ul#nav {
width: 511px;
height: 76px;
background: #fff url(../images/mainNav3.jpg);
margin: 0;
padding: 0;
}

#nav li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#nav li, #nav a { /* turns links into blocks */
height: 76px;
display: block;
padding: 0;
}

#nav li a { /* pushes link text off the page */
text-indent: -9999px;
text-decoration: none;
height: 76px;
}

#nav a {
padding: 76px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:20px; /* for IE5/Win only */
text-decoration: none;
}

/* sets the width and position of the main links */

#aboutus {left: 0; width: 84px;}
#ourroles {left: 84px; width: 85px;}
#realpeople {left: 170px; width: 84px;}
#events{left: 254px; width: 85px;}
#myjobs  {left: 339px; width: 85px;}

#jobsearch {left: 423px; width: 86px;}


/* use at a later date
/* lets you know what page you're on */
#aboutus .current, #aboutus a:hover.current {background: transparent url(../images/mainNav3.jpg) 0 -152px no-repeat;}
#ourroles .current, #ourroles a:hover.current {background: transparent url(../images/mainNav3.jpg) -84px -152px no-repeat;}
#realpeople .current, #realpeople a:hover.current {background: transparent url(../images/mainNav3.jpg) -170px -152px no-repeat;}

#events .current, #events a:hover.current {background: transparent url(../images/mainNav3.jpg) -254px -152px no-repeat;}

#myjobs  .current, #myjobs  a:hover.current {background: transparent url(../images/mainNav3.jpg) -339px -152px no-repeat;}


#jobsearch .current, #jobsearch a:hover.current {background: transparent url(../images/mainNav3.jpg) -424px -152px no-repeat;}


/* setting background image positions of main nav buttons... */

#aboutus a:hover {background: transparent url(../images/mainNav3.jpg) 0 -76px no-repeat;}
#ourroles a:hover {background: transparent url(../images/mainNav3.jpg) -84px -76px no-repeat;}
#realpeople a:hover {background: transparent url(../images/mainNav3.jpg) -170px -76px no-repeat;}
#events a:hover {background: transparent url(../images/mainNav3.jpg) -254px -76px no-repeat;}
#myjobs a:hover {background: transparent url(../images/mainNav3.jpg) -339px -76px no-repeat;}
#jobsearch a:hover {background: transparent url(../images/mainNav3.jpg) -424px -76px no-repeat;}

/*breadcrumb*/


#breadcrumb { 
position: relative;
width: 708px;
height:35px;
background: url(../images/bluebreadcrumb.jpg) #224f7a top left no-repeat /*tsz*/; 
color:#cbe6f7;
margin: -3px 0 0 0;
padding:0;
float:left;
}

#breadcrumb ul {
margin: 0 0 0 10px;
padding: 17px 0 0 0;
list-style : none;
}

#breadcrumb ul li {	
padding: 0;
margin: 0;
display: inline;
}	

#breadcrumb  a {
padding: 0 8px 0 2px;
margin: 0 4px 0 0;
display: inline;
color:#cbe6f7;
background:#224f7a url(../Images/breadarrow.gif) top right no-repeat;
text-decoration: none;
}

#breadcrumb  a:hover {
display: inline;
text-decoration: underline;
}	

#breadcrumb ul li.current {
text-decoration: underline;
background:#224f7a;
color:#cbe6f7;
}

#welcome {
	position: relative;
	float:left;
	width: 707px;
	height:125px;
	color:#fff;
	padding:0;
	/*float:right;   */
	padding-top:20px;
	background-color: #003468;
	background-image: url(../images/welcomeist.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
}

html > /**/ body #welcome {min-height:120px; height:auto;}

* > html #welcome {padding-top:18px;}

#welcome p{
	padding:0;
	font-size:1.1em;
	line-height:1.50em;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 14px;
	margin-left: 340px;
}

/* Regional sites*/

#region { 
position: relative;
width: 708px;
height:120px;
background: url(../images/welcomeBg.jpg) #003468  no-repeat bottom right;
color:#fff;
margin: 0;
padding:0;
float:right;
}

html > /**/ body #region {min-height:120px; height:auto;}

* > html #region {padding-top:18px;}

#region p{
	padding:0;
	font-size:1.1em;
	line-height:1.6em;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 14px;
	margin-left: 275px;
}


#content { 
position: relative;
width: 735px;
margin: 9px 0 0 0;
padding:0;
float:left;
}

#homeflash {
	position: relative;
	width: 440px;
	margin: 0;
	float:left;
	background-position: left top;
	height: 250px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
/* 	padding-left: 35px; */
}

#homeflash .placer {
	width: 440px;
	background: url(../images/ist_bg.jpg) no-repeat;
	height: 270px;
	float:left;
	position:relative;
	}



#homeflash 	.placer p{
	color: #FFFFFF;
	padding-top: 135px;
	padding-right: 20px;
	padding-left: 20px;
	margin:0px;
	
	font-size:1.1em;
	line-height:1.6em;

	
	}
	
#homeflash .placerEast{
	width: 440px;
	background-image: url(../local/images/main_east.jpg);
	height: 250px;
	}

#homeflash 	.placerEast p{

	color: #FFFFFF;
	padding-top: 155px;
	padding-right: 20px;
	padding-left: 20px;
	}

#homeflash .placerWest{

	width: 440px;
	background-image: url(../local/images/main_west.jpg);
	height: 250px;
	}

#homeflash 	.placerWest p{

	color: #FFFFFF;
	padding-top: 155px;
	padding-right: 20px;
	padding-left: 20px;
	}


#homeflash .placerNorth{
	width: 440px;
	background-image: url(../local/images/main_north.jpg);
	height: 250px;
	}

#homeflash 	.placerNorth p{
	
	color: #FFFFFF;
	padding-top: 155px;
	padding-right: 20px;
	padding-left: 20px;
	}

#homeflash .placerScotland{
	width: 440px;
	background-image: url(../local/images/main_scotland.jpg);
	height: 250px;
	}

#homeflash 	.placerScotland p{
	color: #FFFFFF;
	padding-top: 155px;
	padding-right: 20px;
	padding-left: 20px;
	}

	
#homestatic { 
position: relative;
width: 255px;
margin: 0;
padding:0;
float:left;
}

#homestatic div.box h3 {
height:35px;
margin:0;
padding:0;
background: url(../images/hotjobs.jpg) #fff no-repeat top left;
color: #000;
text-indent:-9000px;
}

#homestatic div.box {
width: 233px;
padding: 0 0 10px 0;
margin: 0 0 10px 15px;
background: url(../images/hotjobsBg.jpg) #fff no-repeat bottom left;
color: #000;
height:138px;
}

html > /**/ body #homestatic div.box {min-height:138px; height:auto;}

#homestatic div.box ul {
padding: 0;
margin: 6px 6px 0px 16px;
list-style: none;
}

#homestatic div.box li {	
padding: 0;
margin: 0 0 7px 0;
display: block;
}

#homestatic div.box a {
font-size:1.1em;
color: #333;
background:inherit;
font-weight:normal;
text-decoration: none;
line-height:100%;
margin:0;
padding:0;
}

#homestatic div.box a:hover {
text-decoration: underline;
}	

#homestatic div.box img {border:none; margin-left:4px;}

#homestatic div.box-b img {
	width: 233px;
	border:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

/* main area with subNav and main text -----------*/
#maincontainer { 
position: relative;
width: 735px;
margin:0;
background: url(../images/chatBg.gif) no-repeat top left;
color:#666;
padding:0;
float:left;
}

/* single column design eg. Accessibility  -----------*/
body#bd-yp #maincontainer, body#bd-hotjobs #maincontainer {background: url(../images/chatBg2.gif) no-repeat top left;} 
body#bd-yp #left, body#bd-hotjobs #left {display:none;}
body#bd-yp #rightcopy, body#bd-hotjobs #rightcopy {background: url(../images/whiteBg2.gif) #fff bottom left no-repeat;}
body#bd-yp #rightcopy, body#bd-hotjobs #rightcopy {width:687px; margin:0 0 0 37px;}

body#bd-yp #righthead h2 {margin-left:237px;}
body#bd-yp #rightcopy h3 {margin-left:199px;}
body#bd-yp #rightcopy p {margin-left:199px;}
body#bd-yp #rightcopy ul {margin-left:199px;}
body#bd-yp #rightcopy ul ul {margin-left:0;}

body#bd-hotjobs #righthead h2, body#bd-hotjobs #righthead p {margin:0 0 0 237px;}
body#bd-hotjobs #rightcopy h3 {margin-top:40px; margin-bottom:12px; margin-left:199px;}
body#bd-hotjobs #rightcopy p {margin-top:25px; margin-left:199px;}

body#bd-hotjobs #rightcopy ul{ 
margin: 0 46px 22px 199px;
padding:0;
list-style-type: none; 
width:412px;
} 

body#bd-hotjobs #rightcopy ul li { 
font-size:1.2em;
background: url(../images/bullet.gif) 0px 4px no-repeat;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
} 

#rightcopy img.right {float:right;}
#rightcopy img.left {padding-left:35px;margin-top:10px;}
#righthead img {margin-left:37px;}
#rightcopy h3 {clear:left;}
#rightcopy h3.reward {color:#974399;}
#rightcopy h3.roles {padding-top:20px; margin-top:0; color:#974399;}
* html #rightcopy h3.roles {padding-top:0;}

#rightcopy ul.rewards{ 
margin: 0 46px 22px 35px;
padding:0;
list-style-type: none; 
width:250px;
} 

/* Individual styled page headers  -----------*/
body#bd-about #maincontainer {background: url(../images/chatBg2.jpg) no-repeat top left;}
body#bd-roles #maincontainer {background: url(../images/chatBg3.jpg) no-repeat top left;}
body#bd-people #maincontainer {background: url(../images/chatBg4.jpg) no-repeat top left;}
body#bd-pharm #maincontainer {background: url(../images/chatBg7.jpg) no-repeat top left;} 
body#bd-opticians #maincontainer {background: url(../images/ChatBgOpt.jpg) no-repeat top left;}
body#bd-stores #maincontainer {background: url(../images/chatBgSto.jpg) no-repeat top left;}
body#bd-headoffice #maincontainer {background: url(../images/chatBgOff.jpg) no-repeat top left;}
body#bd-search #maincontainer {background: url(../images/chatBg5.jpg) no-repeat top left;}
body#bd-pharmgrad #maincontainer {background: url(../images/chatBg6.jpg) no-repeat top left;}
body#bd-localboots #maincontainer {
	background-image: url(../images/chatBglocal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
body#bd-myjobs #maincontainer {
	background-image: url(../images/chatBgImagesMyJobs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* styled jobsearch  -----------*/
body#jobS #dateNav {display:none;}
body#jobS #maincontainer {background: url(../images/chatbgJSb.gif) no-repeat top left;} 
body#jobS #left {display:none;}
body#jobS #rightcopy {width:687px; margin:0 0 0 37px;}
body#jobS #rightcopy {background: url(../images/whiteBg2.gif) #fff bottom left no-repeat;}
body#jobS #righthead  {height:25px;}
body#jobS #righthead h2 {margin-left:51px;}
body#jobS #breadcrumb {display:none;}
body#jobS #strapline {display:none;}

body#bd-jobsearch #maincontainer {background: url(../images/chatBgJS.jpg) no-repeat top left;} 
body#bd-jobsearch #left {display:none;}
body#bd-jobsearch #rightcopy {width:687px; margin:0 0 0 37px;}
body#bd-jobsearch #rightcopy {background: url(../images/whiteBg2.gif) #fff bottom left no-repeat;}
body#bd-jobsearch #righthead  {height:25px;}
body#bd-jobsearch #righthead h2 {margin-left:51px;}

#strapline { 
position: relative;
width: 735px;
float:left;
}

#strapline h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.9em;
color:#fff;
background:transparent;
margin: 25px 13px 50px 0;
float:right;
}

/* sub nav -----------*/

#left { 
position: relative;
width: 200px;
padding:0;
display:inline;
float:left;
}

#left ul {
background:#fff;
color: #002868;
width:154px;
margin:0 0 0 37px;
padding:0 0 65px 0;
border-bottom:1px solid #000;
list-style-type: none; 
}

#left li {	
padding:0 0 5px 8px;
margin: 0 8px 0 8px;
background-image: url(../images/subNavArrow.gif);
background-repeat: no-repeat;
background-position:  0 4px;
display: block;
}

#left li a {
font-size: 1.3em;
text-decoration:none;
color: #002868;
background-color: #fff;
font-weight:normal;
line-height:15px;
}

#left li a:hover, #left li a.current {
text-decoration:none;
color: #e93c16;
background-color: #fff;
}

#left ul ul {
margin:8px 0;
padding:0;
list-style-type: none; 
border:none;
width:100%;
}

#left ul li ul li {
background:#fff;
color: #002868;
margin:0;
padding:0 0 5px 7px;
list-style-type: none; 
}

#left ul li ul li a{
text-decoration:none;
color: #002868;
background-color: #fff;
line-height:15px;
font-size: 1.2em;
}

#left ul li ul li a:hover, #left ul li ul li a.current {
text-decoration:none;
color: #e93c16;
background-color: #fff;
}

#left ul.banners { 
display: block;
float: left;
list-style-type: none; 
margin: 22px 0 0 0; 
padding: 0 0 0 28px;
background:transparent ;
color:#666;
border:none;
} 

#left li.banners { 
display: block;
list-style-type: none; 
background:transparent ;
padding-bottom:6px;
margin:0;
} 

#left li.banners a{ 
background:transparent ;
} 

#left img {border:none;}

/*content copy*/

#right { 
position: relative;
width: 535px;
padding:0;
float:left;
display:inline;
}

#righthead { 
position: relative;
width: 535px;
height:78px;
float:left;
}

/* people   -----------*/
body#bd-peoplep #righthead {height:186px;}

#righthead h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.9em;
color: #e93c16;
background:none;
margin:0 60px 14px 35px;
}

#righthead p {
font-size:1.2em;
color: #e93c16;
background:none;
margin:0 60px 14px 35px;
}

#rightcopy { 
position: relative;
width: 522px;
background: url(../images/whiteBg.gif) #fff bottom left no-repeat;
color:#666;
margin:0 0 0 2px;
padding:5px 0 30px 0px; 
display:inline;
float:left;
}

#peopleflash {
width: 522px;
padding:0 0 0 2px;
margin:0;
float:left;
}

#profileflash {
padding:0 0 0 40px;
float:left;
}

#peopleflash img, #profileflash img {float:left; margin:0; padding:0;}

#rightcopy h1 {
font-size:1.4em;
color: #e93c16;
background-color: #fff;
margin:10px 41px 20px 15px; 
font-weight:normal;
font-style:italic; 
line-height:1.6em;
}

#rightcopy h2 {
font-size:1.2em;
color: #e93c16;
background-color: #fff;
margin:10px 41px 20px 35px;  
}

#rightcopy h3 {
font-size:1.2em;
color: #e93c16;
background-color: #fff;
margin:20px 41px 20px 35px;  
}

#rightcopy h3.display {
 margin:5px 41px 5px 35px; 
}

#rightcopy h3.display a {
text-decoration:none;	
color:#E93C16;
}
	
#rightcopy p {
font-size:1.2em;
margin: 0 41px 20px 35px;
position: relative;
line-height:1.4em;
}

body#bd-peoplep #rightcopy p {margin-left:15px;}

#rightcopy img {border:none;}

#rightcopy ul{ 
margin: 0 46px 22px 35px;
padding:0;
list-style-type: none; 
width:412px;
} 

#rightcopy ul li { 
font-size:1.2em;
background: url(../images/bullet.gif) 0px 4px no-repeat;
margin: 0;
padding:0 0 8px 10px;
text-indent:0px;
list-style-type: none;
width:100%;
} 

#rightcopy ul ul { 
margin: 7px 0px 7px -3px;
padding:0;
list-style-type: none; 
width:300px;
} 

#rightcopy ul li li  { 
font-size:1.0em;
background: url(../images/bullettwo.gif) 4px 1px no-repeat;
margin: 0; 
padding:0 0 0 12px;
list-style-type: none; 
} 

#rightcopy a{
background:#fff;
color:#666;
}

#rightcopy a:hover {
background:#fff;
color:#000;
text-decoration:none;
}

#peopletext {
float:left;
width:360px;
margin-top:16px;
}

#peoplepic {
float:left;
width:148px;
margin-top:16px;
}

#rightcopy div#buttons ul.butt {
list-style:none;
padding:0;
margin:0;
display:inline;
}

#rightcopy div#buttons li.butt {
width:200px;
float:left;
list-style:none;
background:none;
padding:15px 0 0 34px;
}

/* footer -----------*/

#foot { 
position: relative;
width: 735px;
height:50px;
margin: 0;
padding:0;
color:#003366;
 background: url(../images/alliancelogo.gif) 0px 0px no-repeat; 
float:left;
}

#foot ul {
position: relative;
padding: 22px 22px 0 0;
margin: 0 0 32px 0;
list-style: none;
float:right;
}

#foot li {	
position: relative;
padding: 0;
margin: 0 0 7px 0;
display: inline;
}

#foot a {
font-size:10px;
color:#003366;
background:inherit;
font-weight:bold;
text-decoration: none;
}

#foot a:hover {
text-decoration: underline;
}	

#foot li.texthidesmall {display:none;}