/* Default Stylesheet */

															/** BODY ELEMENTS **/
body {
	color: #333;
	background-color: #fff;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: .75em;
	text-align: center;
	}
	
#ft
{
    margin-top: 15px;
    background: #3366FF;
    display:block;
    float:left;
    width: 900px;
    padding: 5px;
    }

img, div { behavior: url(../javascript/ieongfix/iepngfix.htc) }
#contact-popup { text-align: left; padding: 10px 0; }
.vacancies-body .CrumbTrailDiv { display: none; }
body .VacanciesCrumbtrail { display: none; }
.vacancies-body .VacanciesCrumbtrail { display: block; }

.yui-ge DIV.first{width:72.8%;}
.yui-ge .yui-u {width:26%;}

.yui-gc DIV.first{width:57.5%; padding-left: 15px;}
.yui-gc .yui-u {width:38%;}
.yui-gc #PageTemplate_RightCol {padding-top: 0px;}

#bd{width:900px;}
															/** MAIN CONTAINERS **/
div#container {
	width: 75em;
	margin: 0 auto;
	}
	body.fullwidth div#container { width: 90%; }
	div#header {
		 
		}
		div#header-in {
			width:900px !important;
			width: 904px;
			}
	    
	div#content-wrap {
		padding: 4px 0;
		min-height: 360px;
		}
		div.content {
		    text-align:left;
			}
			div.lcol div.content { margin: 0 0 0 19em; }
			div.lcol div.content { margin-top: 18px; margin-left: 16em; }
			
			div.rcol div.content { margin: 0 23em 0 0; }
			div.rcol-wide div.content { margin: 0 31em 0 0; }
			div.lrcol div.content { margin: 0 19em 0 17em; }
			div.nocol div.content { margin: 0; }
			
			
			div.home-content-in {
					
			       width: 54.5em;
					
				}
		  div.home-content-inIE
		  {
		      
		      }
			div.content-in {
				
			    text-align:left;
				}
		  
		  
		  
		  div.column {
			width: 20.5em;
			}
			div.lcol div.column {
				width: 15em;
				}
		    div.what-to-expect div.column {
		        float: left;
		    }
			div.rcol-wide div.column, div.what-to-expect div.column {
				width: 30em;
				}
				div.what-to-expect div.left-column { margin-top: -18px; }
			div.lcol div.column { float: left; }
			div.rcol div.column { float: right; }
			div.rcol-wide div.column { float: right;  }
			div.lrcol div.column-left { width: 15em; float: left; }
			div.lrcol div.column-right { width: 18em; float: right; }
			div.column-in {
				text-align:left;
				}
	div#footer {
		
			color: #fff;
			background-color: #3366FF;
		}
		div#footer-in {
			float: left;padding: .2em .5em;
			}




#cverror { color: Red; }

															/** SUB CONTAINERS **/
div.ad {
	color: #fff;
	background-color: #3366FF;
	font-size: .9em;
	text-align: center;
	}
	 *+html div.ad 
	 {
		margin: 2em 0 0 0;
		}
	div.x468x60 {
		float: right;
		display: block;
		width: 540px;
		height: 66px;
		_margin-top: 20px;
		
		}
div.box {
	margin: 0 0 1em 0;
	background-image: url(../images/style/bg-box.gif);
	background-repeat: repeat-x;
	}
	div.box img { float: right; }
	div.box-in {
		border: 1px solid #d1d3d4;
		border-width: 0 1px 1px 1px;
		border-left: 1px solid #dddfdf;
		}
		div.box p {
			padding: .5em 1em;
			color: #58595b;
			background-color: inherit;
			font-size: .9em;
			line-height: 1.45em;
			border: 1px solid #fff;
			border-width: 0 2px 2px 2px;
			}
		div.box p img {
			margin: -2em 0 0 0;
			}
div.box {
	background-image: url(../images/style/bg-box.gif);
	background-repeat: repeat-x;
	}
	ul.list-grid div.box-in {
		height: 16em;
		}
	div.box-in {
		border: 1px solid #d1d3d4;
		border-width: 0 1px 1px 1px;
		border-left: 1px solid #dddfdf;
		
		}
		div.box-in img{display: block; }
		div.box-in a{font-size: 1.1em; text-decoration: none; color: #666;}
		div.box p {
			padding: .5em 1em;
			/*color: #58595b;
			background-color: inherit;
			border: 1px solid #fff;
			border-width: 0 2px 2px 2px;*/
			border: none;
			}
			div.box .imagebox {
			padding: .5em 0em;
			color: #58595b;
			background-color: inherit;
			font-size: 1.1em;
			/*border: 1px solid #fff;
			border-width: 0 2px 0px 2px;*/
			display: block;
			}
.award-logo {
	display: block;
	height: 10em;
	width: 13em;
	float: left;
	text-align: center;
	}
	.award-logo a, a .award-logo, .award-logo {
		opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity=60);

	}
	.award-logo a:hover, a:hover .award-logo, .award-logo:hover {
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}






															/** LISTS **/
ul#nav-main 
{
    
	height: 3.1em;
	
	margin: 0;
	border-bottom: 20px solid #3366FF;
	width: 900px;
	overflow: hidden;
	}
	ul#nav-main li {
		display:block;
		float:left;
		
		}
		ul#nav-main li a {
			float: left;
			display: block;
			width: 6.15em;
			height: 2em;
			
			margin: 0 0.2em 0 0 !important;
			margin: 0 0.1em 0 0;
			padding: .5em 1.5em;
			
			color: #000;
			background-color: #d5d7d8;
			background-image: url(../images/style/bg-nav-main.gif);
			background-repeat: no-repeat;
			background-position: top right;
			text-decoration: none;
			text-align: center;
			text-transform: uppercase;
			line-height: 1.1em;
			_line-height: 1em;
			border-bottom: 2px solid #fff;
			}
			ul#nav-main li a:hover {
				color: #fff;
				background-color: #3366FF;
				background-image: url(../images/style/bg-nav-main-on.gif);
				}
		ul#nav-main li a.selectedlevel1, ul#nav-main li a.selectedlevel1first,  ul#nav-main li a.selectedlevel1last {
			color: #fff;
			background-color: #3366FF;
			background-image: url(../images/style/bg-nav-main-on.gif);
			border-bottom: 2px solid #3366FF;
			}
ol.list-statements {
	margin: 0 1em 1em 0;
	list-style: none;
	}
	ol.list-statements li {
		position: relative;
		margin: 0 0 .2em 3em;
		}
		*+html ol.list-statements li {
			position: relative;
			margin: -1.1em 0 .2em 3em;
			}
		ol.list-statements li.title {
			margin: 0 0 .2em 0;
			padding: 0.4em 1.8em;
			color: #402878;
			background-color: inherit;
			background-image: url(../images/style/icon-arrow.gif);
			background-repeat: no-repeat;
			background-position: left center;
			font-size: 1.2em;
			}
			ol.list-statements li em {
				position: absolute;
				top: .2em;
				left: -2em;
				display: block;
				width: 24px;
				height: 21px;
				overflow: hidden;
				padding: .2em 0 0 0;
				color: #fff;
				background-color: inherit;
				background-image: url(../images/style/bg-disc.gif);
				background-repeat: none;
				background-position: top left;
				font-size: 1.2em;
				font-weight: bold;
				font-style: normal;
				text-align: center;
				}
		*+html ol.list-statements li em {
				top: 1.2em;
			}
			ol.list-statements li span {
				display: block;
				padding: 0.4em 2em .4em .4em;
				color: #58595b;
				background-color: inherit;
				background-image: url(../images/style/bg-list-statements.gif);
				background-repeat: repeat-x;
				line-height: 1.3em;
				border: 1px solid #dddfdf;
				}
			.list-statements li span strong {
				display: inline;
				color: #3366FF;
				background-color: inherit;
				font-size: 1.1em;
				}



.MenuTopImg
{
    display:block;
    float: left;
    margin: 0px 0 0 0;
    vertical-align: bottom;
    }
div.leftMenuBox {
	
	display:block;
	float:left;
	border: 1px solid #d1d3d4;
		border-width: 0 1px 1px 1px;
		border-left: 1px solid #dddfdf;
		padding: 0 1px 1px 1px;
		width: 160px;
	}
	div.leftMenuBox-in {
	
		width: 160px;
		display:block;
	    float:left;
		}
		
		div.leftMenuBox-in a{font-size: 1.1em; text-decoration: none; color: #666;}

.news-archive { padding-top: 10px; float: left; }
.news-archive div.NewsArchiveMonthsDiv a { width: 140px; }
.news-archive div.NewsArchiveMonthsDiv { background-image: url(../images/template/news-gradient.gif) !important; }
.news-archive .NewsArchiveMonthsTitle, .news-archive a { margin-left: 10px; }

	.NewsViewTitle { display: block; }
	.NewsViewDate { color: #555; }
	.NewsViewContent {  }
	.NewsBackLink { }
	.NewsViewImage { float: left; padding: 5px 20px 10px 5px;}

ul#nav-left, .news-archive div.NewsArchiveMonthsDiv
{
    margin: -2px 0 0 0;
   display:block;
   float:left;
    background-image: url(../images/style/bg-leftmenu.png);
	background-repeat: repeat-x;
		padding: 0 0 10px 0;
		width: 160px;
		
    }
	
    ul#nav-left li {
		display:block;
		float:left;
		margin: 0;
		padding: 0 0 0 10px;
		width: 145px;
		}
		ul#nav-left li img
		{
		    display:block; float:left;
		    margin: 3px 0 3px 0;
		    }
		ul#nav-left li a {
			float: right;
			display: block;
			padding: 5px 0 3px 0px;
			width: 115px;
			line-height: 1.4em;
			color: #402878;
			}
			ul#nav-left li a:hover 
			{
			    color: #777;
						}
		ul#nav-left li a.selectedlevel2, ul#nav-left li a.selectedlevel2first,  ul#nav-left li a.selectedlevel2last {
			
			font-weight: bold;
			}



ul#nav-footer {
	margin: 0;
	padding: 0 .2em;
	}
	ul#nav-footer li {
		margin: 0 1em 0 0;
		display:block;
		float:left;
		}
		ul#nav-footer li a {
			color: #fff;
			background-color: inherit;
			text-decoration: none;
			}
			ul#nav-footer li a:hover {
				text-decoration: underline;
				}
ul.list-statements {
	margin: 0 0 1em 0;
	list-style: none;
	}
	ul.list-statements li 
	{
	    list-style-type: none;
		margin: 0 0 .2em 0;
		display: block;
		padding: 0.4em 2em;
		color: #58595b;
		background-color: inherit;
		background-image: url(../images/style/bg-list-statements.gif);
		background-repeat: repeat-x;
		line-height: 1.3em;
		border: 1px solid #dddfdf;
		}
		ul.list-statements li.title {
			padding: 0.4em 1.8em;
			color: #402878;
			background-color: #fff;
			background-image: url(../images/style/icon-arrow.gif);
			background-repeat: no-repeat;
			background-position: left center;
			font-size: 1.2em;
			}
			
			ul.list-statements li a, ul.list-statements li span {
				
				
				}
			.application { text-align: left; }
			
			ul.list-statements li a:hover 
			{
			    background-image: url(../images/style/bg-list-statements-gradient.gif);
			}
ul.list-grid {
	margin: 0 0 1em 0;
	list-style: none;
	padding: 0;
	}
	ul.list-grid li {
		float: left;
		display: block;
		width: 17.08em;
		margin: 0 1em 1em 0;
		padding: 0;
		}






															/** TYPOGRAPHY **/
h1 {
	width: 360px;
	height: 62px;
	margin: .8em 0 1.2em 0;
	background-image: url(../images/logo-moneysupermarket.gif);
	background-repeat: no-repeat;
	font-size: 2.2em;
	}
	h1 a {
		display: block;
		height: 62px;
		text-decoration: none;
		}
		h1 a span {
			display: none;
			width: 360px;
			height: 62px;
			background-image: url(../images/logo-moneysupermarket.gif);
			background-repeat: no-repeat;
			color: #402878;
			background-color: inherit;
			}
	h1 em {
		display: none;
		color: #3366FF;
		background-color: inherit;
		font-size: 0.6em;
		}
		h3 a { text-decoration: none !important; color: #402878 !important;}
h2, .NewsViewTitle {
	margin: 0 0 .5em 0;
	color: #3366FF;
	background-color: inherit;
	font-size: 2.7em;
	font-weight: normal;
	}
	
	h2 span {
		display: block;
		color: #402878;
		background-color: inherit;
		font-size: .65em;
		}
h2.small {
	margin: .2em 0 .8em 0;
	font-size: 1.9em;
	}
h3, .list-grid .top {
	background-image: url(../images/style/bg-box-r.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	h3 strong, .DarkBlue, .list-grid .top h3 {
		display: block;
		padding: .65em .5em .2em 2.7em;
		background-image: url(../images/style/bg-box-l.gif);
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 1.3em;
		font-weight: normal;
		text-align: left;
		line-height: 1.3em;
		color: #402878;
		font-weight: bold; 
		}
	.DarkBlue { background-image: none; padding: 2px; font-size: 1.0em; }
	.LightBlue { color: #3366FF; font-size: 1.4em; }


p, li  
{
    line-height: 1.3em;
    color: #555;
    }
	p.right {
		padding: .5em 1em;
		text-align: right;
		}
.hide	{ display: none;	}







															/** FORMS **/
* { }

.VacancyTable
{
    width: 99%;
    }

.VacancyTable th
{
    padding: 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    background:#3366FF;
    border-bottom: 4px solid #fff;
    
    } 

.VacancyTable td
{
    padding: 5px;
    background: #ECF1F8;
    font-size: 1.2em;
    border-bottom: 4px solid #fff;
 }

.VacancyTable .altrow td
{
    background:#DAE3F0;
    
    }
    
 
 
 .JobsTable
{
    width: 99%;
    margin: 0 0 10px 0;
    font-size: 1em;
    }

.JobsTable th
{
    padding: 2px 5px 2px 5px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    background:#3366FF;
    border-bottom: 4px solid #fff;
    
    } 

.JobsTable td { width: 262px; padding: 1px 0; }
/*
.JobsTable td
{
    background: #ECF1F8;
    font-size: 1em;
    border-bottom: none;
 }*/
.JobTitle { font-weight: bold; text-transform: uppercase; }


.JobsTable .LastRow td
{
    border-bottom: 4px solid #fff;
    padding-bottom: 15px;
}

.JobsTable .altrow td
{
    background:#DAE3F0;
}
    
 .JobTitleDiv
 {
   padding: 2px 10px;
   background: #3366FF;
     font-weight: bold;
   font-size: 1.4em;
   border: 1px solid #eee; 
   margin: 0 0 5px 0;
   color: #fff;
   
     }
 
 .JobDetailDiv
 {margin-left:1px;
  margin-right:1px;
      padding: 10px;
   background: #ECF1F8;
   font-size: 1em;
   border: 1px solid #eee;  
     }
     .JobDetailDiv strong { font-weight: bold; }
     .JobDetailDiv li { list-style-type: disc; margin: 2px 0 2px 25px;}
     .JobDetailDiv p { margin: 4px 0; }
 
 .JobSectionTitle
 {
 	display: block;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    margin: 15px 0 0 0; 
    color: #555;
     }
	 span.JobDescription {
	 	display: block;
	 	padding: 0 0 15px 0;
	 	}
 
 .JobDescription
 {}
 
 .CrumbTrailDiv
 {
     display: block;
     /* float: left; */
     width: 900px;
     text-align: left;
     padding-top: 4px;
     }
 .CrumbLink
 {

     color: #333;
     text-decoration: none;
     padding: 3px 0px 0 0px;
     }
 .SelectedCrumb
 {

     color: #333;
     text-decoration: none;

     padding: 3px 0px 0 0px;
 }
 
  .CrumbLink:hover, .SelectedCrumb:hover
  {
      text-decoration: underline;
      }
 
 .faq, .askaquestion {  }
 .RoundedBoxRightInner { background: url(../images/style/faqbottom.jpg) no-repeat left bottom; padding: 0 0 5px 0; }
 .faq, .RoundedBoxRight, .askaquestion { background: url(../images/style/faqcopy.jpg) no-repeat; color: #555; margin: 0 0 5px 0;  }
 .askaquestion  { background: url(../images/style/ask-a-question.jpg) no-repeat; }
 .faq { background: url(../images/style/faq.jpg) no-repeat;  }
 
 .faq h3, .RoundedBoxRight h3, .askaquestion h3 { background: url(../images/style/faqpoint.jpg) no-repeat !important; font-size: 1.2em; padding: 10px 10px 5px 40px; font-weight: normal; color: #402878; }
 dl { width: 394px; margin: 1px 2px; padding: 10px 0 0 0; }
 dt { padding: 3px 6px; background: url(../images/style/faqplus.gif) no-repeat 370px; cursor: pointer;}
 dt.selected { background: #fff url(../images/style/faqminus.gif) no-repeat 370px; }
 dd, dd p, dd a { background: #fff; margin: 0; color: #3366FF; padding: 2px 30px 2px 6px; }
 dt:hover { }
 span.reveal { float: right; padding: 15px 30px 0 0; font-size: 0.8em;}

.RoundedBoxRight table { margin: 0 6px; }
.RoundedBoxRight td { padding: 4px 0; }
.JobSectionTitle { text-transform: uppercase; }
 
.askaquestion { margin-top: 5px;}
.askaquestion .question { margin: 3px 8px; }
.askaquestion label { display: block; }
.askaquestion .submit { width: 100px; display: inline; }

.ViewMoreHover, .ViewJobHover { text-decoration: underline !important; cursor: hand; cursor: pointer; }
.VacancyTable tr, .VacancyTable td, .CategoriesSmallTable tr, .JobsList li { cursor: hand; cursor: pointer; }
.ViewMore { color: #555; text-decoration: none;}

.CategoriesSmallList { margin: 0 8px 5px 8px;}
.CategoriesSmallList li { padding: 3px 0; }

.CategoriesSmallList a { display: block; }
.CategoriesSmallList a:hover { text-decoration: underline; }

.application table { width: 100%; }
.application td {  vertical-align: top; padding: 0 10px !important; }
.application table input { width: 88%; }
.application fieldset { border: 0; width: auto; }
.application label, .application p { display: block; padding-top: 10px;}

/* facebox */
.coverdiv { width: 350px; float: right; }
.applytable { width: 300px !important; float: left !important; }

.check { display: none; padding-top: 0 !important;}
.checktable input, .checktable label { padding-bottom: 8px; }
.checktable input { width: auto !important; }

#errors { color: Red; }

.ViewJob { float: right; background: url(../images/style/arrow.gif) no-repeat left; padding: 5px 5px 5px 30px; color: #402878; text-decoration: none;}
.ViewJobHover { text-decoration: underline; }
.JobsList .JobsLi { background: #ECF1F8; margin: 5px 0; padding: 7px; font-size: 1em; color: #555; }
.JobsList li.alt { background: #dae3f0; }

.Cat { background: #3366FF; color: #fff; display: block; padding: 5px; font-weight:bold; }
															/** END **/
															
.JobSummary { margin-top: -14px; }
.JobSummary table { width: 90%; margin: 0 auto; }
.BackToJobs { margin: 0 0 0 10px; color: #555 !important; }

.ApplyNow {   }
.ApplyNow a { background: #3163F6; display: block; color: #fff; margin: 10px 5px 0 5px; }

.middlegradient { background: url(../images/style/applygradient.jpg) repeat-x; }
.leftgradient { background: url(../images/style/applyleft.gif) no-repeat left top; padding: 0 0 0 23px; }
.rightgradient { background: url(../images/style/applyright.gif) no-repeat right top; padding: 0 23px 0 0;  }

 .yui-skin-sam h3 { background-image: none; }
 
 .meet-our-people { float: right; padding-right: 15px; }
 
 a { color: #555; }
 
 #floatMenu {
    position:absolute;
    top:211px;
    left:50%;
    margin-left:100px;
    width: 344px;
    padding: 0;
}
.JobSectionTitle { margin: 0 !important;}

a.BackToJobs {
	display: block;
	width: 100px;
	margin: 1em 0 0 10px;
	padding: 5px 0 5px 28px;
	color: #402878;
	background-image: url(../images/style/icon-back.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	}
.column {
	padding: 1.45em 0 0 0;
	}
	
.registerHere { color: #fff; }


.NewsMonthSplitDiv
{
   color: #402878;
   font-size: 1.3em;
   display: block;
   font-weight: bold;
   padding: 0 0 5px 0;
   
}

.NewsItemRow
{
    display:block;
    float:left;
    padding: 0 0 15px 0;
    border-bottom: 2px dotted #bbb;
    margin: 0 0 10px 0;
    }
 .NewsLinks
 {
     display: block;
     font-size: 1.4em;
     text-decoration: none;
     color: #402878;
     }
.NewsItemIcon
{
    display:block;
    float: left;
    padding: 0 10px 0 0;
    }
   .ReadMorelink
   {
      display:block; 
       }
       
 .NewsArchiveMonthsDiv
 {
     display: block;
     float: left;
     
     }
     .NewsArchiveMonthsDiv a
     {
         display: block;
         float: left;
         width: 200px;
         padding: 3px 0 4px 0;
         text-decoration: none;
         
         }
     .NewsArchiveMonthsDiv a:hover
     {
         text-decoration: underline;
     }
    .NewsArchiveMonthsTitle
    {
        display: block;
     float: left;
     font-size: 1.4em;
     color: #555;
     font-weight: bold;
     margin: 10px 0 10px 0;
        }

ul.list-featuredjobs {
	width: 234px;
	margin: 0 0 1em;
	padding: 0 0 25px;
	background-image: url(../images/fj-.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	}
ul.list-featuredjobs li.title {
	margin: 0;
	padding: 7px 10px 11px ;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	background-image: url(../images/fj-title.png);
	background-repeat: no-repeat;
	border-width: 0;
	}
.yui-ge ul.list-featuredjobs li.title {
    margin-top: 51px;
}
ul.list-featuredjobs li {
	height: 16px;
	padding: 7px;
	margin: -3px 0 0;
	background-image: url(../images/fj-li.png);
	background-repeat: repeat-x;
	border: 1px solid #ddd;
	border-width: 0 1px;
	}
ul.list-featuredjobs li a {
	padding: 0 0 0 15px;
	background-image: url(../images/fj-a.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	text-decoration: none;
	}
	ul.list-featuredjobs li a:hover {
		text-decoration: underline;
		}

.yui-u ul.list-statements li { width: 360px; }
.content-in ul.list-statements li { margin-left: 0px; }
div.column { width: 19em; }
dt a { display: block ;}