/* 
--------------------------------------------------------------------------
GENERIC SITE WIDE CLASSES                       GREEN = 99CC00
--------------------------------------------------------------------------
 */
 
.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: #99CC00;	overflow:hidden; margin:1em 0 1em 0; }
.closeDivider {	clear:both;	height: 1px; background-color: #CCCCCC; width:100%;	overflow:hidden; margin:1em 0 1em 0; }
.divider { clear:both; height: 1px;	line-height:1px; background-color: #CCCCCC;	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: #fff;	color:#fff;	margin:0;}

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

/* Document icons */
.pdfDoc {padding:.5em 0 .5em 2.5em; background:url(/Rhythmyx/web_resources/bridges/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:#6f3895;}
.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;}


#rightCol {float:right; display:inline; width:200px; background-color:#FFFFFF; border:2px #666666 solid; padding:5px;  }


/* Smaller content area so the rightCol can be displayed */
#contentArea {float:left; display:inline; width:390px; margin-left:10px; background-color:#FFFFFF; border:2px #666666 solid; padding:5px;  }
#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 p { line-height:160%; }

#contentAreaWide {float:right; padding:8px; display:inline; width:605px; background-color:#FFFFFF; border:2px #666666 solid; } /* chk 01/10/07 */



#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; text-transform:uppercase;line-height: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:#99CC00;background:#FFFFFF;font-size:110%;padding:.2em .3em .3em .3em;cursor:pointer;c\ursor:hand;border:1px solid #99CC00;}
#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;}





/* 
-------------------------------------------------------------------
Land Securities - Willow Place Shopping Centre
Authored by: Seventy9 Ltd.
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

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



* { padding:0; margin:0; }

body { text-align:center; font: 68% verdana, arial, sans-serif; /* Unusual font size is used so resizing in IE and Firefox is the same */ color: #330033; background: url(../images/backgrounds/grad_bg.jpg) repeat-x; background-color:#CEE667; }

h1 { font-size: 2.1em; margin-top: 0em;	margin-bottom: 0.6em; color: #96AA24; line-height: 1.2em; text-transform:uppercase;	clear:both; }
h2 { font-size: 1.2em; color: #96AA24; }
h3 {font-size: 1em;}
h4 {font-size: 1em}

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

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

a {color: #96AA24; text-decoration:none}
a:hover {color: #330033; text-decoration:underline}
a:visited { }

img {border:0; margin:0;}



/* Classes */


/* Site tables */
table {clear:both;margin:.5em 0;padding:0;border-collapse:collapse;width:100%;font-size: 1em;}
caption {text-align:left;}
td, th {vertical-align:top;text-align:left;padding-right:1em;margin:0;}

/* FORM ELEMENTS */
form, fieldset { margin:0; padding:0; border:0; }
fieldset label {font-weight:normal; color: #fff; }
select, input, textarea { padding:.1em;	border:1px solid #666666; font-size:110%; }
input.button { color:#333333; background:#C5DA54; font-size:110%; padding:.1em .2em .1em .1em; cursor:pointer;	c\ursor:hand; }	
input.button:hover { background-color:#333333; color:#FFFFFF; }
#contentAreaWide input.button {display:block; margin: .5em 0 0 11.3em; clear:both;} /* Left margin is increased in iestyles.css */

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

/* signup popup */
#form1 { float:left; }


#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 {padding:1em;}
.inpageForm fieldset {width:75%;}
#contentArea  .inpageForm h2, #contentAreaWide .inpageForm h2 {margin:0 0 .5em 10.3em; color: #000000;} /* Left margin is increased in iestyles.css */
.inpageForm a {padding:0 .2em; color:#99CC00; 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:#000000; 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:#fff; padding:1em; background:#7F7E82;height:6.4em;} /* height is altered in iestyles.css */
	#searchBox h2 {color:#fff; font-size:100%;letter-spacing:0em;margin:0 0 .7em 0;text-transform:Uppercase;}
	#searchBox input#keywordsField { width:8.5em; border: 1px solid #7F7E82; }
	#searchBox label {display:block;margin:0 0 .5em 0;}











/* Layout */



/* Container */
#wrapper { width: 1023px; margin:0 auto; text-align:left; display: block; background:url(../images/backgrounds/pattern_bg.jpg) center top no-repeat; }
/* CHECKED 03/10/2007 */

/* Image for print only */
#printHeader {display:none;}
#printHeader img {display:none;}
/* CHECKED 03/10/2007 */

/* Header */
#header { width:100%; }
/* CHECKED 03/10/2007 */


/* Logo */
#logo {float:left; margin:20px 0 0 191px; display:inline; }
#logo h1, #logo a { height:63px; width:295px; display:block; text-indent:-5000px; background:url(../images/logos/willow_place_logo.jpg) no-repeat;}
/* CHECKED 03/10/2007 */


/* GLOBAL LINKS - Contact us links and newsletter registration at the top of the page */
#globalLinks { padding:5px; float:left; width:300px; margin:15px 0 0 48px; display:inline;	background: url(../images/backgrounds/gl_bg.png) repeat; }
#globalLinks ul { float:left; }
#globalLinks ul li { margin:0; padding:0; display:inline; list-style: none;	line-height: 2.2em; }
#globalLinks ul li a { border-right: 1px solid #333333; padding: 0 .4em 0 0em;	color: #333333; }	
#globalLinks ul li.last a { border-right:none; }
#globalLinks label { color:#333333; }
/* CHECKED WITH IE6 03/10/2007 */


/* Main wrapper for leftnav, content area and right column */
#mainContent {  margin:10px 111px; width:800px; }  /* CHECKED 03/10/2007 */


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

/* Navigation */

/* Lefthand side (sitewide) */
#leftContentcol { float:left; width:165px; background-color:#FFFFFF; } 

/* Nav for Second, Third, Fourth and Fifth Levels */
#leftNav { float:left; width:100%; }





/* 1st Level */
/* Widths for the links in the subnav are overridden in iestyles.css */
#leftNav ul {list-style:none; padding:0; border-bottom:.9em solid #fff;}
#leftNav ul li { border-bottom:1px solid #fff; background:url(../images/buttons/button_bg_off.jpg) no-repeat;}


#leftNav ul li a.currentTopLev { color:#FFFFFF; font-weight:bold; }
#leftNav ul li.onNav {display:block; background: url(../images/buttons/button_bg_on.gif) no-repeat left top; border-bottom:1px solid #fff; }

#leftNav ul li.onNav ul li {display:block; background:url(../images/buttons/drop_bg.jpg) repeat-x;  }
#leftNav ul li.onNav a { padding: 10px 12px; display:block;  }
#leftNav ul li.onNav a.current {color:#000000; font-weight:bold; }

#leftNav ul li a { font-size:1em; padding: 10px 12px; display:block; color:#333333; }
#leftNav ul li.last {border-bottom:none;}

/* 3rd Level */
#leftNav ul li a.subNavOn {color:#000000;}
#leftNav ul ul ul {margin:0; padding:0; border-bottom:none; }
#leftNav ul ul ul li a { text-indent:20px; }


/* Main Image */
#main_image { background: url(../images/mainimage/willowplace_main.gif) no-repeat 8px 0; height:377px; width:628px; }



/* Countdown */
#thecount { padding:5px 0 70px 36px; text-align:left; font-size:1.4em; }
#countdown { float:right; margin:5px 20px 0 0; /*background:url(../images/content/countdown.png) top no-repeat;*/ height:200px; width:235px;}
#thecount { padding:58px 0 70px 118px; text-align:center; font-size:0.9em; }
.number { color:#FFFF00; background-color:#1C1C20; padding:1px; }

/* Sitewide box displaying opening times - under the leftnav */
#openingTimes {background:#DFDFE0; width:165px; border-top:.9em solid white; height:14.3em;}
#openingTimes h2 {color:#000;margin:.7em .5em .2em .8em;font-size:110%;text-transform:uppercase;}
#openingTimes p {color:#000; margin:0;padding:.4em 0 .4em .8em;}
#openingTimes span {color:#878787;float:left;width:6.5em;}
#contentArea span.openDays, #contentAreaWide span.openDays {color:#6d5495;float:left;width:24em;clear:left;font-weight:bold;}
#openingTimes a {color:#878787;text-decoration:underline;}
#openingTimes a:hover {text-decoration:none;}
#openingTimes p {color: #333333; margin:0;padding:.5em 0 .5em .8em; border-top:1px solid white;}
#openingTimes span {color: #000000;display:block;}
/* CHECKED 03/10/2007 */


/* Righthand side of Home page */

/* Div for the main promo image on the homepage */
#homepagePromo {float:right; width:625px;}

#homepagePromo img { margin:0 0 0 12px; }

/* Spotlight boxes on the homepage */
#homepageBoxes { clear:both; margin: 18px 0 0 0;  background-color:#666666; }
#homepageBoxes div { float:left; background:url(../images/promos/promo_bg.gif) top no-repeat; }
#homepageBoxes img { margin:5px auto 0 auto; padding:10px 0; display:block;}

#homepageBoxes h2 { padding:0 5px; }
#homepageBoxes p { padding:105px 0 0 0;  }
#homepageBoxes a { padding:0 0 0 2px;  }

/* Styles for a 3 box spotlight on the homepage */
#spotlight1, #spotlight2, #spotlight3 { width:186px; height:176px; border:1px #666666 solid; padding:0 0; }
#spotlight1 { margin:0 10px 0 9px; }
#spotlight2 { margin:0 10px 0 15px; }
#spotlight3 { margin:0 0 0 17px; }

#spotlight1 h2, #spotlight2 h2, #spotlight3 h2 { padding:2px 2px; border-bottom:1px #CCCCCC solid; background:#666666 url(../images/promos/promo_tab.jpg) top repeat-x;}
#spotlight1 a, #spotlight2 a, #spotlight3 a { padding:2px; background:#666666; }




/* Footer */
/*#footer { width:800px; color: #FFFFFF; margin:10px 111px; background-color:#666666;  }
#footer a:link, #footer a:visited, #footer a:active  { color:#FFFFFF; }	

#footer ul { line-height: 1.8em; background-color:#666666; padding:10px 10px; width:550px; float:left; }
#footer ul li {	margin:0; padding:0; display:inline; }
#footer ul li a { font-size:0.9em; border-right: 1px solid #878787; padding: 0 .4em 0 0em; color:#878787; } /*Keep 28/09/2007 */
/*#footer ul li.last { padding:30px 0 0 0; }
#footer ul li.last a {border-right:none;}
#footer p {float:right; text-align:right;  line-height: 1.8em; display:inline; background:url(../images/logos/landsecurities.gif) no-repeat; padding:0 20px 0 0; }*/

/* Footer 
--------------------------------------------------------------------------
*/
#footer {
	padding: .6em 0 1em 0; 
	clear:both;
	float:left; 
	width:800px;
	margin:10px 111px;
	display:inline;
	color:#878787;
	background-color:#666666;
}

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

#footer p {
	float:right; 
	text-align:right;
	padding-right:2em;
	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:2.6em;
}

#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;}


.seventy9 { float:left; padding:7px 0 2px 0; }







.galleryimage {margin:6px 4px 6px 4px;padding:8px;background-color:#eeeeee;border:1px solid #dddddd;float:left;width:150px;height:105px;text-align:center;}
.gallerythumb {margin:12px;padding:8px;background-color:#eeeeee;border:1px solid #dddddd;float:left;width:60px;height:56px;text-align:center;}