/* CSS Document */
@font-face {
    font-family: 'SainsburysSlabBold';
    src: url('fonts/sainsburysslab_bold-webfont.eot');
    src: url('fonts/sainsburysslab_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sainsburysslab_bold-webfont.woff') format('woff'),
         url('fonts/sainsburysslab_bold-webfont.ttf') format('truetype'),
         url('fonts/sainsburysslab_bold-webfont.svg#SainsburysSlabBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SainsburysSlabBlack';
    src: url('fonts/sainsburysslab_black-webfont.eot');
    src: url('fonts/sainsburysslab_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sainsburysslab_black-webfont.woff') format('woff'),
         url('fonts/sainsburysslab_black-webfont.ttf') format('truetype'),
         url('fonts/sainsburysslab_black-webfont.svg#SainsburysSlabBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SainsburysSlabRegular';
    src: url('fonts/sainsburysslab_regular-webfont.eot');
    src: url('fonts/sainsburysslab_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sainsburysslab_regular-webfont.woff') format('woff'),
         url('fonts/sainsburysslab_regular-webfont.ttf') format('truetype'),
         url('fonts/sainsburysslab_regular-webfont.svg#SainsburysSlabRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:Tahoma, Geneva, sans-serif;

    background-color: #f7f4ee; /** Website BG colour (matches canvas colour in Step 1) **/
}

*{
	padding:0; 
	margin:0;
}
.header {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#d7340e;
	padding:30px 0px 0px 0px;
}
.header2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	color:#ac0829;
	font-weight:bold;
}
.bull{
	color:#e74D20;
	padding:0px 5px 0px 0px;
}
.bullw{
	color:#FFFFFF;
	padding:0px 5px 0px 0px;
}
.bull1{
	color:#e74D20;
	padding:0px 5px 0px 0px;
}
.bull2{
	color:#e74D20;
	padding:0px 5px 0px 0px;
}
.bull3{
	color:#e74D20;
	padding:0px 5px 0px 0px;
}
.bull4{
	color:#e74D20;
	padding:0px 5px 0px 0px;
}
.bull5{
	color:#e74D20;
	padding:0px 4px 0px 0px;
}
.bull6{
	color:#e74D20;
	padding:0px 4px 0px 0px;
}
.bulla{
	color:#e74D20;
	padding:0px 5px 0px px;
}
.bullb{
	color:#e74D20;
	padding:0px 5px 0px px;
}
.bullc{
	color:#e74D20;
	padding:0px 5px 0px px;
}
.bullz{
	color:#FFFFFF;
	padding:0px 5px 0px px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}


a, .orange {color:#f15a22;}
.plum {color:#840034;}
.black {color:#000;}
.white {color:#fff;}
h1, h2, h3, h4, h5, h6, p {color:#840034; margin: 0.7em 0; font-weight:normal;}
p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	
}

h1 {font-size:30px; margin:0 0 0.2em 0; font-family:'SainsburysSlabBlack',Tahoma, Geneva, sans-serif;}
h2 {  font-family: 'SainsburysSlabBold', Tahoma, Geneva, sans-serif; font-size:24px; margin:0 0 0.7em 0;}
h3 {font-size:18px;font-weight:normal; color:#840034; font-family: 'SainsburysSlabBold', Tahoma, Geneva, sans-serif; margin:0.7em 0 0.2em 0;}
h4 { font-size:18px; font-family: 'SainsburysSlabBold', Tahoma, Geneva, sans-serif; }
ul {padding:0 10px;}
li {list-style-image:url(images/bullet.png); font-size:12px; font-weight:bold; padding:0.2em 0;}

/********* Main *********/



#wrapper{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:960px;
	background-image: url(images/wrapperbg1.gif); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/		
}
#wrapper_inner{
	margin:0px auto;
	margin:0px 15px 0px 15px;
	width:930px;
	background-color:#FFFFFF;
}
#header{
	float:left;
	width:930px;
	height:80px;
	text-align:left;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;	
}
.subnav{
	float:left;
	width:930px;
	height:68px;
	text-align:left;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;	
}
#content_wrapper_index{
	background-image:url(images/l_aisite2.png);
	background-repeat:no-repeat;
	clear:both;
	height:940px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_keychanges{
	background-image:url(images/l_aikeychanges1.png);
	background-repeat:no-repeat;
	clear:both;
	height:805px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper{
	clear:both;
	height:757px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_ty{
	clear:both;
	width:905px;
	height:680px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#title{
	float:left;
	width:900px;
	padding:0px 0px 0px 30px;
	text-align:left;
	background-color:#FFFFFF;
}
#content_header{
	float:left;
	width:930px;
	height:40px;

}
#indexcontentcontainer{
	float:left;
	width:930px;
	background-color:#FFFFFF;
}

.indexleft{
	float:left;
	width:430px;
	padding:0px 10px 0px 10px;
	text-align:left;

}
.siteplan{
	background-image:url(images/l_siteplan4.png);
	background-repeat:no-repeat;
	float:left;
	width:905px;
	height:925px;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.contact{
	/*background-image:url(images/l_aicontactbg.png);
	background-repeat:no-repeat;*/
	float:left;
	width:780px;
	height:1250px;
	padding:0px 10px 0px 100px;
	text-align:left;
}
#content_wrapper_siteplan{
	clear:both;	
	width:905px;
	height:900px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_employment{
	clear:both;
	height:550px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_community{
	clear:both;
	height:620px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_bh{
	clear:both;
	height:560px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#content_wrapper_store{
	clear:both;
	height:420px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:40px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
	overflow:hidden;
}
#content_wrapper_commitment{
	clear:both;
	height:450px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
#lower{
	clear:both;
	height:135px;
	width:890px;
	margin: 0px 0px 0px 10px;
}
#content_wrapper_contact{
	clear:both;
	height:1300px;
	width:905px;
	margin: 0px 0px 0px 10px;
	padding-bottom:20px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;
}
.indexright_employment{
	float:left;
	width:450px;
	height:550px;
	text-align:left;
}
#wrapper_siteplan{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:960px;
	background-image: url(images/wrapperbg1.gif); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/		
}
.siteplan1{
	float:left;
	height:600px;
	margin:0px 0px 0px 0px;
	text-align:left;

}
.indexright{
	float:left;
	width:450px;
	text-align:left;
}
.indexright_key{
	float:left;
	width:410px;
	text-align:left;
	padding:0px 20px 0px 20px;
}
#indexright_lower{
	float:left;
	width:450px;
	text-align:left;
	padding-left:57px;
	background-color:#FFFFFF;
}
#colleft{
	float:left;
	width:425px;
	text-align:left;
	padding: 0px 10px 0px 20px;
}
#colright{
	float:left;
	width:425px;
	height:700px;
	text-align:left;
	padding: 0px 20px 0px 20px;
}
#colright_lower{
	float:left;
	width:405px;
	text-align:left;
	margin: 20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.right_upper{
	clear:both;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 20px;
}
.right_commit{
	clear:both;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 40px;
}
.right_lower{
	clear:both;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 30px 0px 40px;
}
.right_lower1{
	width:400px;
	clear:both;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.right_lower17{
	width:100%;
	clear:both;
	float:left;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;	
}
.right_lower2{
	clear:both;
	float:left;
	text-align:left;
	margin: 20px 0px 0px 0px;
	padding:0px 0px 0px 50px;
}
.right_inner{
	float:left;
	width:390px;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	clear:both;
}
.purplebox{
	float:left;
	width:354px;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding: 0px 10px 0px 10px;
	background-color:#FFFFFF;
	border-left-style:solid;
	border-left-width:3px;
	border-left-color:#840134;
	border-right-style:solid;
	border-right-width:3px;
	border-right-color:#840134;
	clear:both;
}
.purplelower{
	float:left;
	width:390px;
	text-align:left;
	margin:0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	clear:both;
}
#content_container{
	float:left;
	width:930px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;	
}

#dotted{
	float:left;
	width:375px;
	height: 176px;
	border:dashed;
	border-color:#d7350f;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	background-color:#FFFFFF;
}
.footer_upper{
clear:both;
	float:left;
	text-align:center;
	width:900px;
	margin:0px 15px 0px 12px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#dadada;
}
#footer{
	float:left;
	text-align:center;
	width:960px;
}
#footer_bottom{
	float:left;
	width:870px;
	height:14px;
	text-align:left;
	padding:8px 30px 8px 30px;	
	
}
#bottomspacer{
	float:left;
	clear:both;
	height:200px;
	width:960px;
	background-color: #f7f4ee;
	text-align:left;
	padding: 0px 0px 0px 0px;
}
#nbthank{
	float:left;
	width:930px;
	height:19px;
	text-align:center;
	background-image:url(images/navbar.gif);
	background-repeat:no-repeat;
	padding:8px 0px 8px 0px;
}




/********* NAVBAR *********/

/*.nav{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
}

.nav:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}*/

/*#navigation{
	float:left;
	width:930px;
	height:35px;
	text-align:left;
	margin: 0px 0px 0px 0px;
}
.navbar_inner{
	float:left;
	width:896px;
	height:36px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	background-image:url(images/navigation/nav_middle2.jpg);
	background-repeat:repeat-x;
}
#nbthank{
	float:left;
	width:930px;
	height:19px;
	text-align:center;
	background-image:url(images/navigation/navbar.gif);
	background-repeat:no-repeat;
	padding:8px 0px 8px 0px;
}

.nav_left_end{
	float:left;
	width:auto;
	height:35px;
	width:16px;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-image:url(images/navigation/nav_left.jpg);
	background-repeat:no-repeat;
}
.nav_right_end{
	float:left;
	width:auto;
	height:35px;
	width:18px;
	text-align:center;
	padding:0px 0px 0px 0px;
	background-image:url(images/navigation/nav_right.jpg);
	background-repeat:no-repeat;
}



.nav_middle1{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.nav_middle2{
	float:left;
	width:auto;
	height:11px;
	text-align:center;	
}
.nav_middle3{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.nav_middle4{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.nav_middle5{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.nav_middle6{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.nav_middle7{
	float:left;
	width:auto;
	height:11px;
	text-align:center;
}
.navfill1{
	float:left;
	width:2px;
	height:35px;
	background-image:url(images/navigation/divider.jpg);
	background-repeat:no-repeat;
}*/


/********* Tables*********/

.contacttable	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
}
.contacttable a	{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
}
.tableborder	{
	padding:10px;
}
/********* Form *********/


.form{
	width:420px;
	height:600px;
	text-align:left;
	padding:0px 30px 0px 20px;
}
.formheader{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
}
.formheader1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	color:#840134;
}
.formtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	padding-left: 0px;
}
.disclaimer{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFFFFF;
}
.disclaimerlower{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	margin-left:15px;
}

/* new nav */

.nav {background: url(images/navigation/nav_middle2.jpg) repeat-x 0 0; float:left; width:930px; font-size:14px; font-weight:bold; }
.nav a {display:block; color:white;  text-decoration: none;  text-align:center; float:left;height:28px; padding:8px 15px 0 15px;font-family:Tahoma, Geneva, sans-serif;}
.nav a:hover {background:url(images/nav-hover.png) repeat-x 0 0; font-size:14px;}
.navleft {background:url(images/navigation/nav_left.jpg) no-repeat 0 0; height:36px; width:16px; float:left;}
.navright{background:url(images/navigation/nav_right.jpg) no-repeat 0 0; height:36px; width:18px; float:right;}
/* johan additions */
.news {padding:0 30px;}
.news p, .news h3, .news h2 {margin:0.7em 0;}
.news h3 {font-size:14px; margin:1em 0 0;color:#840134; padding:0 !important;}
.news h2 {font-size:18px; color:#f15827; text-transform:capitalize; padding:0 !important;}
#content_wrapper_news {min-height:800px;width: 905px;
margin: 0px 0px 0px 10px;
padding-bottom: 20px;border-left-style:solid;
	border-left-width:thin;
	border-left-color:#dadada;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:#dadada;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#dadada;}