/*	Madgex WhiteLabel JobSite: Author: James Wragg, Madgex Ltd. 2007 / updated 19 Jan 2009 KADS for EMAP: NT - Nursing Times
	Yahoo! Reset & Fonts 
	Copyright (c) 2007, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.3.0

/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/ body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

html {
	/*border-bottom: 1px solid #E9E9E9;  force the scrollbar to show in FF */ }
html, body { height: 100%;}

body {
	background: #FFF;
	font-size: 62.5%;
	font-family: Arial, Verdana, sans-serif; 	
	color: #999;}

h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;}

a { 
	color: #900;
	text-decoration: none;}
	
	a:hover  { color: #000;}
	
#container {
	width: 96em;
	overflow: hidden;
	margin: 0 auto;}

    #header {
		background: #FFF url(../../images/top-logo.gif) no-repeat left 130px;
		min-height: 290px;
		height: 290px;
		overflow: hidden;
		position: relative;
		font-weight: bold;
		}

    #logo {
	    text-indent: -1000em;
	    width: 24.7em;
	    height: 12.1em;   
	    position: absolute;        
        top: 110px;
        left: 1em;}

        #logo img {
	        display: none;}
		
		#header #editorialLinks { 
            background-color:#fff;
            font-size:110%;
            font-weight:bold;
            margin:0;
            margin-right: -20em;
            color: #000;
            padding: 3px 0;
            position:absolute;
            text-align:right;
            line-height: 1.4em;
            width:100%;}	

		#header #editorialLinks a { 
		    padding: 5px;
		    color:#eb1414;}			

		#header #editorialLinks a:hover { 
		    color:#000;}			
		
		#headerContent { 
			width: 100%;}
				
		#header .login {
			float: right; 
			width: 20em;
			vertical-align: bottom;
			text-align: right;
			position: relative;
			height: 55px;
			display: inline;
			margin:55px 25px 40px 5px;
			font-size: 1.1em;
			line-height: 1.4em;
			color: #333;}

		#header .login span {
			display: block;
			font-size: 1em;
			bottom: 0;
			right: 0; 
			position: absolute;
			margin: 0.5em 0 0 0;
			text-align: center;
			background: transparent url(../../images/red-round-left.gif) no-repeat top left;
			padding-left:2px;}

		#header .login a {
			display: block;
			padding: 3px 6px 5px;
			background: transparent url(../../images/red-round-right.gif) no-repeat top right;
			color: #fff; }
			
		#header a {
			color: #fff;}
		#header a:hover {
			color: #900;}

		#header ul {
			clear: both;
			overflow: hidden;
			background:#000;
position:absolute;
left:0;
top:220px;
padding:4px 8px;
width:960px;
			}
			
		#header li {
			color: #000;
			float: left;
			font-size: 1.3em;
			line-height: 1.4em;
			padding: 0 0.8em;
			/* background: transparent url(../../images/bg-navDiv.gif) repeat-y top right; */
			text-transform:uppercase;
			border-right:1px solid #666;}			

		#header li.last {
			background: none;
			width: auto;
			padding-right: 0.8em;}		

		#header form  {
   			overflow: hidden;
		position:absolute;
left:370px;
top:137px;
padding-left:20px;
border-left:1px #999 solid}	
			
		#header form p { 
			float: left;
			padding-left: 1.3em;}	

		#header form p span {
			padding-top:2em;
			display: block;}		
			
		#header form label {
			color: #4F606B;
			font-size: 1.5em;
			padding-bottom: 0.3em;
			display: block;}	
		
		#header form input.text, #header form select { 
			width: 185px;			
			border: 1px solid #BFBFBF;
			font-size: 1.4em;
			color: #4D4D4D;}
		
		
		#header form select#Locations {padding:0.2em}
		
		#header form input.text {
			padding: 0.3em;}
		
		#header form input.button { 
			background: #333 url(../../images/bg-buttonBig-red.gif) no-repeat top left;
			border: 0;
			width: 123px;
			height: 32px;
			margin-bottom: 5px;
			color: #fff;
			font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
			font-size: 1.6em;
			font-weight: bold;}  			
			
		#header form a { 
			color: #fff;
			display: block;
			font-size: 1.2em;
			padding-left:1.8em;}			
		
		#header form a:hover { 
			color: #000;}				
		#bannerAd {
			position: absolute;
			top: 25px;
			left: 0;}	

#contentWrapper {
  		overflow: hidden;
  		position: relative;
  		height: auto !important;
  		height: 1%;
		background: #fff url(../../images/bg-content.gif) repeat-y left;}
	
	#content {
		width: 71em;
		overflow: hidden;
		padding-bottom: 1000em;
		margin-bottom: -999.5em;
		float: right;}
		
		#firstCol  {
			background: #fff;
			padding:1.65em 1.5em 1000em 3.5em;
			margin-bottom: -999.5em;
			width:49em;
			float: left;} 	

		#secondCol  {
			background: #f4f4f4;
			padding:1.5em 1.5em 1000em 1.5em;
			margin-bottom: -999.5em;
			width: 13.9em;
			float: right;} 	
			
			#firstCol h2, #firstCol h3 {
				clear: both;}		
			
			
			#firstCol p a {
			    background:transparent url(../../images/arrowMoreWbg.gif) no-repeat scroll 0 0.1em;
                display:block;
                float:right;
                font-size:1.2em;
                margin: 0 0 1em;
                padding: 0 4px 0 22px;}
			
			#firstCol h1 {
				border-bottom:1px solid #E6E6E6;
                clear:both;
                color:#666;
                font-size:2em;
				margin-bottom:0.45em;
                padding-bottom:0.45em;}	

			#firstCol h2 {
				color: #999;
				clear: both; 
				padding-bottom: 0.45em;				
				font-size: 1.8em;}	


			#firstCol h3 {
				color: #999;
				clear: both; 
				padding-bottom: 0.55em;				
				font-size: 1.8em;}					
				
				#firstCol .border {
					border-top: 1px solid #e6e6e6;
					padding-top: 0.35em;}		

			#firstCol ul {
				width: 24.5em;
				float: left;
				color: #999;
				overflow: hidden;
				margin: 0 0 1.55em 0;}

			#firstCol li {
				font-weight:bold;
				line-height:1.45em;			
				font-size: 1.5em;}
				
			#cta1, #cta2 {
				width: 22em;
				min-height: 13.6em;
				height: 13.6em;
				float: left;
				background-color: #333;}			
				
			#cta1 {
				display: inline;
				margin-right: 3em;}			
				
			#cta1 h4 a, #cta2  h4 a {
				color: #fff;
				font-size: 2em;
				display:block;
				padding: 0.7em 0 0 2em;
				background: transparent url(../../images/red-arrow_darkbg.gif) no-repeat 13px 18px;}			
			
			#cta1 h4 a:hover, #cta2  h4 a:hover {
				color: #000;}			
				
			#cta1 p, #cta2 p {
				margin-right:1em;
				padding:1em 2em 1em 1em;
				font-size: 1.4em;				
				color: #ccc;}	
				
			#cta1 p {
				background: transparent url(../../images/bg-cta1.gif) no-repeat right;}			
	
			#cta2 p {
				background: transparent url(../../images/bg-cta2.gif) no-repeat right;}			

			#careerAdvice, #advertise {
				border-top: 1px solid #e6e6e6;
				padding: 1.5em 0;	
				margin: 2em 0 0 0;
				overflow: hidden;
				float: left;}

			#careerAdvice {
				padding-right:5em;
				width:19em;}			
				
			#advertise {
				padding-left: 1em;
				width: 22em;}			
								
			#careerAdvice  p, #careerAdvice  h4  {
				font-size: 1.4em;
				color: #666;}	

				#careerAdvice  h3  {
					padding-top: 0.3em;
					padding-bottom: 0;}	

				#careerAdvice  h4  {
					font-weight: bold;
					margin-top:1em;}	
						
				#careerAdvice span a {
					background:transparent url(../../images/arrow-greyWbg.gif) no-repeat 0px 7px;
					display: block;
					font-size: 1.4em;
					font-weight: bold;
					line-height:2.3em;
					margin-top: 0.5em;
					padding-left: 2em;}	
					
				#advertise h4 {
					padding: 0.3em 0 0 2em;
					background: #ccc url(../../images/red-arrow_lightbg.gif) no-repeat 14px 10px;
					font-size: 2em;}

				#advertise h4 a {
					color: #900;}

				#advertise p {
					padding: 0.3em 2em 2em 0.7em;
					color: #666;
					background: #ccc url(../../images/bg-advertise.gif) no-repeat 12px bottom;
					font-size: 2em;}
					
				#careerAdvice p img {
					    float: left;
					    border: 1px solid #E9E9E9;
					    display: inline;
					    margin: 0.3em 0.3em 0.3em 0;}	
					
				#advertise span  {
					padding: 1.3em 1em;
					background: #ccc;
					display: block;}

				#advertise span a {
					background: #900;
					color: #fff;
					width: 10.5em;
					display: block;
					font-size: 1.3em;
					font-weight: bold;
					padding: 0.5em;}

						#advertise span a:hover {
							color: #000;}				
	
			#secondCol li {
				font-size: 1.4em;
				color: #4D4D4D;
				padding-bottom: 0.7em;}

			#secondCol li h3 {
				font-weight: bold;
				word-wrap: break-word;}			
				
			#secondCol img {	
			    border: 1px solid #E9E9E9}			
								
			#secondCol li span {
				display: block;		
				word-wrap: break-word;}
				
			#secondCol p {
				margin-bottom: 4em;}			
				
			#secondCol .buttonAds {
			    margin-bottom: 2em;}	

	#thirdCol  {
		background: #f4f4f4;
		padding:1.5em 1.5em 0em 1.5em;
		overflow: hidden;
		width:22em;
		float: left;} 	

		#secondCol h2, #thirdCol h2 {
			color: #808080;
			padding-bottom: 0.5em;
			line-height:1.05em;
			font-size: 2.1em;}		
			
		#thirdCol p, #thirdCol li {
			color: #4D4D4D;
			font-size: 1.4em;}		

		#thirdCol ul {
			margin-bottom: 0.7em;
			overflow: hidden; }	

		#thirdCol img {
			margin-bottom: 1em;
			border: 1px solid #E9E9E9;}		

		#thirdCol h3 {
			font-weight: bold;
			font-size: 1.6em;}		
		
		#thirdCol li {
			display:inline;
			padding: 0 0.5em 0 0;}		
						
			#thirdCol ul.campaigns {
				overflow: hidden;
				margin-bottom: 2em;}

			#thirdCol ul.campaigns li {
				border-top: 1px solid #E9E9E9;
				display: block;
				font-size: 1.3em;
				font-weight: bold;
				padding: 0.5em 0;}

		#thirdCol p {
			clear: left;
			padding-bottom: 1em;}		
			
	#footer  {
		clear: both;
		background-color: #4F606B;
		}

		#footerWrapper  {
			width: 96em;
			margin: 0 auto;
			color: #fff;
			padding: 2.8em 1em;
			}

		#footerWrapper h5 {
			color: #fff;
			font-weight: normal;
			margin: 0;
			font-size: 1.3em;}

		#footerWrapper ul {
			list-style-type: none;
			padding: 0;
			margin: 0;}
			
		#footerWrapper li {
			float: left;
			font-size: 1.4em;}

		#footerWrapper p {
			clear: both;
			color: #CCC;
			line-height:1.4em;
			font-size: 1.1em;
			padding-top: 1.5em;
			border-top: 1px solid #8a8a8a;}
			
		#footerWrapper span {
			display: block;}		
		
		.footerCol1, .footerCol2 {
			margin: 0 0 3em 0;}		
		
		.footerCol1	{ 
			float: left; 
			border-right: 1px solid #8a8a8a;
			padding-left:2em;
			width:23em;}

		.footerCol1	li { 
			text-indent: -1000em;
			width: 85px;
			padding-right: 1em;
			margin-top: 1em;}

	.footerCol1	li a { 
			display: block;
			height: 30px;}
			
			li.logo1 { background: transparent url(../../images/logoRetailWeek.gif) no-repeat top left;}
			li.logo2 { background: transparent url(../../images/logoDrapers.gif) no-repeat top left;}
			
			li.logo1 a, li.logo2 a {
			   display: block;
			   height: 30px; }
			
		.footerCol2	{ 
			float: right; 			
			padding-left:2.5em;
			width:67.5em;}

			#footerWrapper #secondList {
				clear: both;
				overflow: hidden;}
						
			#footerWrapper #secondList li {
				padding-top: 1em;}
				
		#footerWrapper  a {
			color: #fff;}
			
			#footerWrapper a:hover {
			color: #ccc;}
 	 				
			#footerWrapper #firstList {
				overflow: hidden;}

			#firstList li {
				padding-right: 1.5em;}
				
			#firstList a {
				font-weight: bold;}

			#secondList li {
				padding-right: 1em;}
			
			#secondList a {
				color: #f2f2f2;
				font-size: 95%;}
				
				

