/* 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;
}


hr.hide, noscript { display: none;}

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

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

@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 {
	position: relative;
	width:500px;
	height: 34px;
	margin: 0;
	clear:left;
	padding:0;
	display:none;
} 

ul#nav {
width: 511px;
height: 76px;
background: #fff url(../../../../images/menu.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;}
#whyboots {left: 84px; width: 85px;}
#ourpeople {left: 170px; width: 84px;}
#events {left: 254px; width: 85px;}
#myjobs{left: 339px; width: 85px;}
#jobsearch {left: 424px; 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/menu.jpg) 0 -152px no-repeat;}
#whyboots .current, #whyboots a:hover.current {background: transparent url(../../../../images/menu.jpg) -84px -152px no-repeat;}
#ourpeople .current, #ourpeople a:hover.current {background: transparent url(../../../../images/menu.jpg) -170px -152px no-repeat;}
#events .current, #aboutyou a:hover.current {background: transparent url(../../../../images/menu.jpg) -254px -152px no-repeat;}
#myjobs .current, #events a:hover.current {background: transparent url(../../../../images/menu.jpg) -339px -152px no-repeat;}
#jobsearch .current, #jobsearch a:hover.current {background: transparent url(../../../../images/menu.jpg) -424px -152px no-repeat;}


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

#aboutus a:hover {background: transparent url(../../../../images/menu.jpg) 0 -76px no-repeat;}
#whyboots a:hover {background: transparent url(../../../../images/menu.jpg) -84px -76px no-repeat;}
#ourpeople a:hover {background: transparent url(../../../../images/menu.jpg) -170px -76px no-repeat;}
#events a:hover {background: transparent url(../../../../images/menu.jpg) -254px -76px no-repeat;}
#myjobs a:hover {background: transparent url(../../../../images/menu.jpg) -339px -76px no-repeat;}
#jobsearch a:hover {background: transparent url(../../../../images/menu.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;
width: 708px;
height:125px;
background: url(../../../../images/welcomeGradsBg.jpg) #003468  no-repeat bottom left;
color:#fff;
margin: 0;
padding:0 0 14px 0;
float:left;
}

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

#welcome p{
margin: 25px 20px 14px 255px;
padding:0;
font-size:1.0em;
line-height:1.2em;
}

/*head office*/

#welcomeho { 
position: relative;
width: 708px;
height:125px;
background: url(../../../../images/welcomehoBg.jpg) #003468  no-repeat bottom left;
color:#fff;
margin: 0;
padding:0 0 14px 0;
float:left;
}

html > /**/ body #welcomeho {min-height:125px; height:auto;}

#welcomeho p{
margin: 15px 20px 14px 255px;
padding:0;
font-size:1.0em;
line-height:1.2em;
}

/* end head office*/

/*stores*/
#welcomest { 
position: relative;
width: 708px;
height:125px;
background: url(../../../../images/welcomestBg.jpg) #003468  no-repeat bottom left;
color:#fff;
margin: 0;
padding:0 0 14px 0;
float:left;
}

html > /**/ body #welcomest {min-height:125px; height:auto;}

#welcomest p{
margin: 15px 20px 14px 255px;
padding:0;
font-size:1.0em;
line-height:1.2em;
}

/* end stores */

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

/*landing pages*/

#landcontent { 
position: relative;
width: 708px;
margin: 9px 0 0 0;
padding:0;
float:left;
}

#landleft, #landleftho, #landleftst  { 
position: relative;
width: 431px;
height:300px;
margin: 0;
padding:0;
float:left;
}

#landleft ul, #landleftho ul, #landleftst ul{ 
margin: 20px 0 0 20px;
padding:0;
list-style-type: none; 
width:411px;
} 

#landleft ul li, #landleftho ul li, #landleftst ul li { 
font-size:1.2em;
margin: 0;
padding:0 0 2px 0;
list-style-type: none;
width:100%;
} 

html > /**/ body #landleft  {min-height:300px; height:auto;}
html > /**/ body #landleftho  {min-height:300px; height:auto;}
html > /**/ body #landleftst  {min-height:300px; height:auto;}

#landleft {background:url(../../../../images/gradlandbg.jpg) no-repeat;}

#landleftho {background:url(../../../../images/homebg.jpg) no-repeat;}

#landleftst {background:url(../../../../images/storelandbg.jpg) no-repeat;}

#landleft img, #landleftho img, #landleftst img  {border:none; height:45px; width:257px;}

#landright { 
position: relative;
width: 277px;
margin: 0;
padding:0;
float:left;
background: url(../../../../images/hotjobsBgland.gif) no-repeat bottom left;
}

#landright div.box h3 {
height:50px;
margin:0;
padding:0;
background: url(../../../../images/landhotjobs.gif) #fff no-repeat top left;
color: #000;
text-indent:-9000px;
}

#landright div.box {
width: 277px;
padding: 0;
margin: 0;
background: url(../../../../images/gradhjstop.jpg) no-repeat top left;
color: #000;
height:280px;
float:left;
}

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

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

#landright div.box p {
color:#fff;
margin:20px 18px 10px 20px;
font-size:1.1em;
line-height:1.4em;
}

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

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

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

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

#landright div.box-b img {
width: 277px;
padding: 0 0 10px 0;
margin: 5px 0 0 0;
border:0;
}

#genright { 
position: relative;
width: 277px;
margin: 0;
padding:0;
float:left;
}

#genright ul {
padding: 0;
margin: 0;
list-style: none;
}

#genright li {	
padding: 0;
margin: 0 0 8px 0;
display: block;
}

#genright img {border:none;}


/*end landing pages*/

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

/*retail assessment header
body#bd-361 #maincontainer {
 background: url(../../../../images/ra_header.jpg) no-repeat left top;
} */

/*retail*/
body#bd-15 #maincontainer, body#bd-16 #maincontainer, body#bd-17 #maincontainer, body#bd-18 #maincontainer, body#bd-334 #maincontainer, body#bd-335 #maincontainer, body#bd-339 #maincontainer, body#bd-340 #maincontainer, body#bd-341 #maincontainer, body#bd-342 #maincontainer, body#bd-351 #maincontainer, body#bd-358 #maincontainer, body#bd-359 #maincontainer {
 background: url(../../../../images/chatbgStores.jpg) no-repeat top left;
}

/*Head office*/
body#bd-18 #maincontainer, body#bd-19 #maincontainer, body#bd-346 #maincontainer, body#bd-336 #maincontainer, body#bd-337 #maincontainer, body#bd-343 #maincontainer, body#bd-344 #maincontainer, body#bd-345 #maincontainer, body#bd-353 #maincontainer  {
 background: url(../../../../images/chatbgHo.jpg) no-repeat top left;
}

#singlemaincontainer { 
position: relative;
width: 735px;
margin:0;
background: url(../../../../images/chatBg2.gif) no-repeat top left;
color:#666;
padding:0;
float:left;
}

#rightcopy img.right {float:right;}
#rightcopy img.left {padding-left:35px;margin-top:10px;}

#righthead img {margin-left:37px;}
#rightcopy h3 {clear:left;}


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

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

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

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

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

#left li {	
padding:0 0 5px 0px;
margin: 0 8px 0 8px;
display: block;
}

#left a {
font-size: 1.3em;
text-decoration:none;
color: #666;
background-color: #fff;
font-weight:normal;
line-height:16px;
background: url(../../../../images/subNavArrow.gif) 0px 4px no-repeat;
padding:0px 3px 0px 10px;
margin:0 0 0 1px;
display: block;
}

#left a:hover, #left a.current, #left a.parentL0, #left a.L0current, #left a.L1current {
text-decoration:none;
color: #003466;
background: url(../../../../images/subNavArrowOn.gif) 0px 4px no-repeat;
}

#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: #666;
background: none;
line-height:15px;
font-size: 1.2em;
}

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

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

body#bd-1 #left ul.banners {margin:0 0 0 -1px;}

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

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

#left img {border:none;}

/*content copy*/
/* right two columns*/

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

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

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

#righthead p, #singlerighthead 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;
}

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

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

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


#rightcopy h3.display a {
text-decoration:none;	
color:#003466;
}

#rightcopy a img {
margin-right: 5px;
}
	
#rightcopy p, #singlerightcopy p  {
font-size:1.2em;
margin: 0 41px 20px 35px;
position: relative;
line-height:1.4em;
}

#rightcopy img, #singlerightcopy img {border:none;}

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

#rightcopy ul li, #singlerightcopy ul li { 
position:relative;
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%;
line-height:1.4em;
} 

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

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


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

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


#newsfeeds div {background:#fff; clear:left;}

#newsfeeds p {background:#fff;}
#newsfeeds  h3 a {
	cursor:pointer;
	background:#fff url(../../../../images/uni_icon_plus.gif) no-repeat scroll 3px 4px;
	color:#003466;
	display:block;
	font-weight:bold;
	font-size:1.0em;
 	padding:0 0 0 16px;
	width:400px;
	text-decoration: none;
}
#newsfeeds  h3 a:hover {
	color:#003466;
	background: url(../../../../images/uni_icon_plus.gif) no-repeat scroll 3px 4px;
}

#newsfeeds  h3.selected a{
	background: url(../../../../images/uni_icon_minus.gif) no-repeat scroll 3px 4px;
}


div#vodcast {
width:448px;
height:300px;
padding:0 0 0 200px;
margin:0;
}

/* right one column*/

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

#singlerighthead h2 {margin-left:207px; width:400px;}
#singlerightcopy h3  {margin-left:199px;}
#singlerightcopy p  {margin-left:199px;}
#singlerightcopy ul {margin-left:199px;}
#singlerightcopy ul ul {margin-left:0;}





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

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

html> /**/ body #foot {min-height:50px; height:auto;}

#foot ul {
position: relative;
padding: 22px 0 0 0;
margin: 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;}

#foottag { 
position: relative;
width: 708px;
margin: -9px 0 0 0;
padding:0;
color:#003366;
float:left;
text-align:right;
display:none;
}

html> /**/ body #foottag {margin-top:0px;}



.pdflist {
list-style:none;
}

div#rightcopy ul.pdflist li {
list-style:none;
background:url(../../../../images/filetype-pdf.gif) no-repeat !important;
padding:3px 0 3px 22px !important;
}