/* 
-------------------------------------------------------------------
Land Securities - Westwood Cross Shopping Centre
Authored by: Fox Kalomaski
All editable styles for reskinning

All styles that need to be changed for each different look and feel 
should be in this file.  All other elements that don't change are 
in default.css or generic.css

-------------------------------------------------------------------
*/

body {
	text-align:center;
	font: 68% verdana, arial, sans-serif;
	margin:0;
	padding:0;
	color: #333333;
	background-color: #FFFFFF;
	background: url(../images/backgrounds/main-westwoodcross.gif);
}

h1 {
	font-size: 1.3em; 
	margin-top: 0em;
	margin-bottom: 0.2em;
	color: #00AECB;
	line-height: 1.2em;
	clear:both;
}

h2 {
	font-size: 1.2em; 
	color: #00AECB;
}

h3 {
	font-size: 1em;
}

h4 {
	font-size: 1em;
}

ul, ol {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	line-height: 1.2em;
	margin:10px 0 0 0;
}

a {
	color: #A1CFEF; 
	text-decoration:none;
}
a:hover {
	color: #00AECB; 
	text-decoration:underline;
}
a:visited { 
	color: #A1CFEF; 
	text-decoration:none;
}

img {
	border:0;
	margin:0;
}

table {
	clear:both; 
	margin:0; 
	padding:5px; 
	border-collapse:collapse; 
	width:100%;
	font-size: 100%;
}

caption {
	text-align:left;
}

td, th {
	vertical-align:top; 
	text-align:left; 
	padding:5px; 
	margin:0;
}

#wrapper {
	width: 824px;
	margin:0 auto 0 auto;
	text-align:left;
	display: block;
	background-color:#FFFFFF;
}

/* Divs to create the drop shadow effect that wraps around the white border
.topShadow {}
.leftShadow {}
.rightShadow {}
.bottomShadow {}
 */

/* Div to create the white border around the whole site */
#borderWrapper {border:.2em solid white;}

/* Branding for the site 
--------------------------------------------------------------------------
*/

/* Image for print only */
#printHeader {
	display:none;
}

#printHeader img {
	display:none;
}

#header {
	width:100%;
	border-bottom:.9em solid white;
	background:#FFFFFF;
}

#logo {
	float:left;
}

#logo h1, #logo a {margin:0; display:block; text-indent: -5000px; background:url(../images/logos/header_mainlogo.gif) no-repeat 0 0px; height:120px; width:300px;}

/* Contact us links and newsletter registration at the top of the page */
#globalLinks {
	float:right;
	width: 45%; 
	text-align:right;
	margin-right:10px;
	margin-top:2em;
	display:inline;
	color:#333333;
}

#globalLinks ul {
	margin: 0 0 .4em 0;
	padding:0;
}

#globalLinks ul li {
	margin:0;
	padding:0;
	display:inline;
	list-style: none;
	line-height: 1.8em;
}

#globalLinks ul li a {
	border-right: 1px solid #333333;
	padding: 0 .3em 0 0em;
	color:#333333;
}	

#globalLinks ul.pageTools {
	width:100%;margin:2.4em 0 0em 0;
}

#globalLinks ul li.last a {
	border-right:none;
}

/* Main content area & wrapper 
--------------------------------------------------------------------------
*/

/* Main wrapper for leftnav, content area and right column */
#mainContent {
	background:#FFFFFF;
	width:824px;
}

/* Sitewide box displaying opening times - under the leftnav */
#openingTimes {
	background:#00AECB; 
	width:180px;
	height:15em;
	border-top:1px solid #FFFFFF;
	margin:0;
}

#openingTimes h2 {
		color:#FFFFFF;
		margin:5px;
		font-size:110%;
}

#openingTimes p {
	color:#FFFFFF;
	margin:5px;
	padding:3px 0 3px 0;
}

#openingTimes span {
	color:#FFFFFF;
	float:left;
	width:8em;
}

#contentArea span.openDays, #contentAreaWide span.openDays {
	color:#00AECB;
	float:left;
	width:8em;
	clear:left;
	font-weight:bold;
}

#openingTimes a {
	color:#FFFFFF;
	text-decoration:underline;
}

#openingTimes a:hover {text-decoration:none;}
	/*#openingTimes h2 {color:#FFFFFF;margin:5px; font-size:110%;}
	#openingTimes p {color:#FFFFFF; margin:0;padding:3px 0 3px 0; border-top:1px dotted #FFFFFF;}
	#openingTimes span {color:#FFFFFF;display:block;}*/


/* main promo image on the homepage */
#homepagePromo {
	float:right;
	width:610px;
	margin:0 10px 0 0;
	text-align:left;
}

#homepagePromo img.main {
	width:396px;
	height:477px;
	margin:0;
	padding:0; 
	float:left;
}

/* Spotlight boxes on the homepage */
#homepageBoxes {
	float:right;
	background:#FFFFFF;
	width:190px;
}

#homepageBoxes div {
	float:right;
	width:190px;
	height:161px;
	margin:0 0 10px 0;
}

/* Styles for a 3 box spotlight on the homepage - Stacked layout for the Westwood Cross */
#spotlight1 {
	background-color:#666666; 
	float:left;
	width:190px;
	padding:5px 0 0 5px;
	position:relative;
}

#spotlight1 p {
	color:#FFFFFF;
	margin-right: 50px;
}

#spotlight1 a{
	margin:0;
	padding:5px 5px 5px 5px;
	background-color:#00AECB; 
	color:#FFFFFF; 
	position:absolute;
	bottom:10px;
	left:0;
}

#spotlight2 {
	background-color:#666666;
	float:left;
	width:190px;
	padding:5px 0 0 5px;
	position:relative;
}

#spotlight2 p {
	color:#FFFFFF;
	margin-right: 50px;
}

#spotlight2 a{
	margin:0;
	padding:5px 5px 5px 5px;
	background-color:#00AECB; 
	color:#FFFFFF; 
	position:absolute;
	bottom:10px;
	left:0;
}

#spotlight3 {
	background-color:#666666; 
	float:left;
	width:190px;
	padding:5px 0 0 5px;
	position:relative;
}

#spotlight3 p {
	color:#FFFFFF;
	margin-right: 50px;
}

#spotlight3 a {
	margin:0;
padding:5px 5px 5px 5px;
background-color:#00AECB; 
	color:#FFFFFF; 
	position:absolute;
	bottom:10px;
	left:0;
}

#spotlight1 h2, #spotlight2 h2, #spotlight3 h2  {
	background-color:#333333;
	display:block;
	color:#FFFFFF;
	margin:-5px 0 0 -5px;
	padding:5px 0 5px 5px;
	font-size:110%;
}



/* Smaller content area so the rightCol can be displayed */
#contentArea {float:left; width:400px; margin-left:2%;}
	#contentArea h2, #contentAreaWide h2 {margin-top:2em;}
	#contentArea ul li, #contentAreaWide ul li {padding-left:1.5em; background:url(../images/link-bullet.gif) no-repeat 0.5em 0.5em; line-height:1.5em;}
	#contentArea a:active, #contentArea a:link, #contentArea a:visited, #contentAreaWide a:active, #contentAreaWide a:link, #contentAreaWide a:visited {text-decoration:underline}
	#contentArea a:hover, #contentAreaWide a:hover {text-decoration:none}
	
/* Full width content area without the right column */
#contentAreaWide {float:right; width:600px; margin:0 10px 0 0;}
#contentAreaWide .altListing h2 {margin:1.5em 0 1em 0; padding:0; line-height:0;}
#contentAreaWide .altListing p {margin:.5em 0; padding:0;}
#contentAreaWide .vacancyListing h2 {margin:1.5em 0 1em 0; padding:0; line-height:0;}
#contentAreaWide .vacancyListing p {margin:.5em 0; padding:0;}
#contentAreaWide .listitem {float:left;}
#contentAreaWide .listing h2 {margin:1.5em 0 1em 0; padding:0;}
#contentAreaWide .listing p {margin:.5em 0; padding:0; line-height:1.3em;}

#contentArea .column h2, #contentAreaWide .column h2 {font-weight:normal;font-size:100%;margin:1em 1em 1em 0;padding:0}
#contentArea #facilitiesListing h2, #contentAreaWide #facilitiesListing h2 {display:inline;margin:0;padding:0}
#contentArea #facilitiesListing p, #contentAreaWide #facilitiesListing p {padding-left:1em;}
#contentArea #facilitiesListing ul, #contentAreaWide #facilitiesListing ul{list-style:disc;margin-left:1.8em;padding-left:1em;}
#contentArea #facilitiesListing ul li, #contentAreaWide #facilitiesListing ul li {background:none; line-height:1.5em;margin-left:0em;padding-left:0em;}

/* Previous and Next links for listing pages */
#contentArea ul.pagination, #contentAreaWide ul.pagination {width:100%;}
	#contentArea ul.pagination li, #contentAreaWide ul.pagination li {padding-left:0em;width:33.3%;float:left; background:none;}
	#contentArea ul.pagination li.next, #contentAreaWide ul.pagination li a {
	color:#FFFFFF;
	background:#A1CFEF;
	font-size:110%;
	padding:.2em .3em .3em .3em;
	cursor:pointer;
	c\ursor:hand;
	border:1px solid #A1CFEF;
}
	#contentArea ul.pagination li.next, #contentAreaWide ul.pagination li.previous a {float:left; text-decoration:none;}
	#contentArea ul.pagination li.next, #contentAreaWide ul.pagination li.next a {float:right; text-decoration:none;}

/* 2 column content */
.column {float:left;width:50em;}

/* Right column included on some pages for latest news */
#rightCol {
	float:right;
	width:180px;
	background-color:#A1CFEF;
	color:#FFFFFF;
margin:0 10px 0 0;
}
	#rightCol h2 {margin:.5em 1em .5em 1em;color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }
	#rightCol p {margin:5px 0 5px 10px; color:#FFFFFF;}
	#rightCol a {color:#FFFFFF;}

/* Styles for the alternative Latest News column */
#rightColAlt {float:right; width:180px;}
	#rightColAlt h2 {margin:.5em 0; }
	#rightColAlt h3 {margin:.5em 0;}

	
/* Footer 
--------------------------------------------------------------------------
*/
#footer {
	padding:10px 0 10px 0;
border-top:dotted 1px #333; 
	clear:both;
	float:left; 
	width: 100%;
	display:inline;
	color:#333333;
}

#footer a:link, #footer a:visited, #footer a:active  {
	color:#333333;
}	

#footer p {
	float:right; 
	text-align:right;
	padding-right:10px;
	margin: .1em 0 0 0;
	line-height: 1.8em;
	display:inline;
	background:url(../images/logos/landsecurities.gif) no-repeat;
}

#footer ul {
	float:left;
	width: 62%;
	margin:0;
	padding:0;
	display:inline;
	line-height: 1.8em;
	padding-left:1em;
}

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

#footer ul li a {
	border-right: 1px solid #878787;
	padding: 0 .4em 0 0em;
	color:#878787;
}

#footer ul li.last a {border-right:none;}



/*
-------------------------------------------------------------------
FORM ELEMENTS
-------------------------------------------------------------------
*/

form, fieldset {
	margin:0; 
	padding:0;
	border:0;
}

fieldset label {font-weight:normal; color: #000000; }

select, input, textarea {
	padding:.1em;
	border:1px solid #333333;
	font-size:100%;
}

input.button {
	color:#FFFFFF;
	background:#00AECB;
	font-size:100%;
	padding:.1em .2em .1em .1em;
	cursor:pointer;
	c\ursor:hand;
	border:1px solid #333333;
} /* top and bottom padding set to 0 in iestyles.css */
#contentAreaWide input.button {display:block; border:1px solid #FFFFFF; margin: .5em 0 0 12.4em; clear:both;} /* Left margin is increased in iestyles.css */

#fNewsletter input {margin-left:.5em;}

#contentArea input.standardField, #contentAreaWide input.standardField {margin:0 0 .7em 0; width:18em;}
#contentArea input.ageField, #contentAreaWide input.ageField {margin:0 0 .7em 0; width:3em;}
#contentArea select.standardField, #contentAreaWide select.standardField {margin:0 0 .7em 0;}
#contentArea textarea.standardField, #contentAreaWide textarea.standardField {margin:0 0 .7em 0; width:21.5em; height:7em;}/* smaller width in iestyles.css */

.inpageForm {background:#666; padding:1em;}
.inpageForm fieldset {width:75%;}
#contentArea  .inpageForm h2, #contentAreaWide .inpageForm h2 {margin:0 0 .5em 10.3em; color:#FFFFFF;} /* Left margin is increased in iestyles.css */
.inpageForm a {padding:0 .2em; color:#FFFFFF; font-weight:bold; font-size:110%;line-height:1.5em; text-decoration:underline;}
.inpageForm a:hover {text-decoration:none;}
.inpageForm fieldset select#byCategory {width:18.2em;}
.inpageForm fieldset input#byName {width:18em;}
.inpageForm fieldset input#byPhone {width:18em;margin-bottom:1em;}
.inpageForm label {float:left; width:10.3em; color:#FFFFFF; font-weight:bold; font-size:120%; display:inline;}
.inpageForm input {padding:.1em;}
.inpageForm .alphabetBox {margin-left:12.2em; width:43%;}

/* Layout for groups of Radio buttons */
.inpageForm fieldset .radioButtons {float:left;}
	.inpageForm fieldset .radioButtons label {float:left; width:auto; margin: 0 .5em .5em 0;}
	.inpageForm fieldset .radioButtons input {float:left; border:0; margin-top:.2em; margin-right:1em;}

/* Layout for disclaimer with text and checkbox */
.inpageForm fieldset .disclaimer {float:left; clear:left; width:80%; margin:.3em 0 1em 12.5em; display:inline;}/* Margins altered in iestyles.css */
	.inpageForm fieldset .disclaimer label {margin-left:0;font-weight:normal;width:auto;display:inline;float:none; font-size:100%;}
	.inpageForm fieldset .disclaimer input {border:0;}

.inpageForm #fCompetition fieldset {padding-bottom:1em;}

#storeSearch .inpageForm input {margin-bottom:0;}

/* Sitewide box for searching the website - under the leftnav */
#searchBox {color:#333333; padding:1em; background:#A1CFEF;height:6.4em;} /* height is altered in iestyles.css */
	#searchBox h2 {color:#333333; font-size:100%;letter-spacing:0em;margin:0 0 .7em 0;}
	#searchBox input#keywordsField {
	width:8.5em;
	border: 1px solid #333333;
}
	#searchBox label {display:block;margin:0 0 .5em 0;}



/*
-------------------------------------------------------------------
NAVIGATION ELEMENTS
-------------------------------------------------------------------
*/

#leftContentcol {
	float:left;
margin:0 0 0 10px;
	width:180px;
}

/* Nav for Second, Third, Fourth and Fifth Levels */
#leftNav {
	float:left;
	width:180px;
}
/* Widths for the links in the subnav are overridden in iestyles.css */
/*1st Level */
#leftNav ul {list-style:none; padding:0;border-bottom:0em solid #FFFFFF;}
#leftNav ul li {background:#00AECB;border-bottom:1px solid #FFFFFF;}
#leftNav ul li.onNav {
	background-color:#666666;
	border-bottom:1px solid #FFFFFF;
}
#leftNav ul li.onNav a {background-color:#FFFFFF;}
#leftNav ul li.onNav a.current {color:#FFFFFF;}
#leftNav ul li a {padding: .7em .8em;display:block;color:#FFFFFF;}
#leftNav ul li a.currentTopLev {
	background-color:#A1CFEF;
	color:#333;
	font-weight:bold;
	margin-bottom: 5px;
}
 #leftNav ul li a:link.current, #leftNav ul li a:visited.current, #leftNav ul li a:active.current {
	background-color:#333333; margin:0 -5px 0 0;
}
#leftNav ul li a.subNavOn {color:#FFFFFF;}
#leftNav ul li.last {border-bottom:none;}






/*2nd Level */
#leftNav ul ul {margin-left:1.5em; border-bottom:none; padding-bottom:.5em;}
#leftNav ul li ul li {background-image:none; background-color:transparent; border-bottom:none;margin-bottom:.5em; padding-right:.5em;text-transform:capitalize;}
#leftNav ul li.onNav ul li a {padding:0 0 0 1em; background:none;}

/*3rd Level */
#leftNav ul ul ul {margin-left:1em; margin:.5em 0 0 1.5em; padding-bottom:0;border-bottom:none; }

/* Breadcrumb */
#breadcrumb {float:left;width:100%;font-size:100%;margin-bottom:1em;padding-bottom:.5em;}

#breadcrumb ul {display:inline;list-style:none;}
#breadcrumb ul li {
	display:inline;
	list-style:none;
	background:url(none);
	padding:0;
	font-weight:normal;
}
#breadcrumb ul li a {color:#333333;}




/* 
--------------------------------------------------------------------------
GENERIC SITE WIDE CLASSES
--------------------------------------------------------------------------
 */
 
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;} /* For IE 7 & IE5Mac */
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clearer {
	clear:both; 
	font-size: 1px; 
	line-height: 1px; 
	overflow:hidden;
	width:100%;
	height:1px;
}

.hidden {
	padding: 0;
	line-height:1px;
	height: 1px;
	overflow:hidden;
	font-size:1px;
	text-indent: -9999px;
}
.hidden:lang(en) {display:none} /* for opera */

.rtFloat {float:right;}
.ltFloat {float:left;}
.ltImgFloat {float:left; margin: .5em 1em 1em 0;}
.rtImgFloat {float:right; margin: .5em 0 1em 1em;}
.imgCentered {width:73%; margin:0 auto;}

.topMargin {margin-top:1em;}
.rightMargin {margin-right:1em;}
.leftMargin {margin-left:1em;}
.bottomMargin {margin-bottom:1em;}

/* Dividing lines used in various sections and an alternate divider for inversed colours */
.wrappingDivider {
	height: 1px;
	line-height:1px;
	background-color: #333333;
	overflow:hidden;
	margin:1em 0 1em 0;
	}
.closeDivider {
	clear:both;
	height: 1px;
	background-color: #333333;
	width:100%;
	overflow:hidden;
	margin:1em 0 1em 0;
	}
.divider {
	clear:both;
	height: 1px;
	line-height:1px;
	background-color: #333333;
	width:100%;
	overflow:hidden;
	margin:2em 0 1em 0;
	}
#breadcrumb .divider {margin:.5em 0 0 0;}
#rightCol .divider {margin:.5em 0;}
#rightColAlt .divider, .listing .divider, .altListing .divider {margin:1em 0;}
#openingTimes .divider {background-color: #FFFFFF;	color:#FFFFFF;	margin:0;}

.altDivider {
	clear:both;
	height: 1px;
	background-color: #FFFFFF;
	color:#FFFFFF;
	width:100%;
	overflow:hidden;
	margin:0;
	font-size:1px;
	}

/* Document icons */
.pdfDoc {padding:.5em 0 .5em 2.5em; background:url(../images/icons/pdf.gif) no-repeat top left;}

/* spacing and alignment for icons */
img.icon {vertical-align:middle; margin-right:.5em; display:none;}
.externalLinks {color:#55B794;}
.inpagelinks {padding-left:1.5em; background:url(../images/link-bullet.gif) no-repeat 0.3em 0.4em;}
.listing .externalLinks, .altListing .externalLinks {padding-left:1.5em; background:url(../images/link-bullet.gif) no-repeat 0.3em 0.4em;}


/* Sitemap indentation */
.navlevel1 {margin:0em 0 0.8em 1em; padding: 0 0 0 1.2em; background:url(../images/link-bullet.gif) no-repeat left center;font-size:1.1em;}
.navlevel2 {margin:0em 0 0.8em 4em; padding: 0 0 0 1.2em; background:url(../images/link-bullet.gif) no-repeat center left;font-size:1.1em;}

/* FAQS */
.faqcontainer {clear:both;padding:0;margin:0 0 0.5em 0;}
.faqcontainer p {margin:0 0 0.5em 0;padding:0;}
.faqleft {float:left;width:4%;padding:0;}
.faqright {float:left;width:95%;padding:0;}



/* this bit hides the old newsletter signup box */
#globalLinks #fNewsletter {
	display: none;
}