/*	General	*/
body{margin:0; padding:0; background:#293E6A url(../images/background.gif) repeat-x; font-size:12px; font-family:Verdana,Arial,MS Sans Serif,Helvetica; color:#999;}
.page{margin:0 auto; padding:0; width:941px; overflow:visible;}
img {border:none;}
h1{margin:0 0 10px 0; padding:0; font-size:30px; font-weight:normal; color:#039;}
h2{margin:0 0 10px 0; padding:0; font-size:18px; color:#66C2FF;}
p{margin:0; padding:0 0 10px 0; font-size:12px; line-height:18px;}
ul{margin:12px 0;padding:0 0 0 40px;}
a{color:#2b9dd0;}
img.blueBorder{padding:5px; border:2px solid #2b9dd0;}
.hide{display:none;}

.floatRight {float:right;}
.floatRightMarginLeft5px {float:right; margin:0 0 0 5px;}
.floatRightMarginLeft10px {float:right; margin:0 0 0 10px;}
.brochureAndImage{margin-top:7px; margin-left:5px; width:40%; width:290px; float:left; font-weight:bold;}

.header{position:relative; z-index:1000; overflow:visible; margin:0; padding:15px 0 0 0; background:url(../images/headerBackground.jpg) no-repeat; height:115px; color:#666;}
.header p{line-height:18px;font-size: 12px;text-align:right; float:right;}
.header .large{font-size:16px; color:#318bb8;}
.header form.searchForm {margin:0 0 0 10px; padding:0 0 0 20px; float:right; width:150px; height:100px;}
.header form.searchForm select{margin:0 0 7px 0; padding:0; float:right; width:150px; clear:right; font-size:11px; color:#9e9d9d;}
.header form.searchForm label{position:absolute; left:-10000px; top:-10000px;}
.header form.searchForm input{width:auto;}
.header form.searchForm input.btnSearch{float:right;}
.header .logo{margin:0; padding:10px 0 0 0; float:left;}

.topmedia{position:relative; width:941px; overflow:auto; z-index:1; font-family:Lucida Sans,Arial,MS Sans Serif,Helvetica; background:#2A2B39 url(../images/featureBackground.jpg) no-repeat;}
.topmedia p, .topmedia a, .topmedia li{color:#fff;}
.topmedia .padContent{display:block; margin:13px auto; text-align:center;}
.topmedia .article{margin:0; padding:15px; overflow:auto; width:911px; font-family: Lucida Sans,Verdana,Arial,MS Sans Serif,Helvetica; background:#2A2B39 url(../images/featureBackground.jpg) no-repeat;}
.topmedia .article h1{margin:0; padding:0; color:#fff; font-size:38px; font-weight:normal;}
.topmedia .article h2{font-size:19px; color:#fff; font-weight:normal;}
.topmedia .article p{font-size:12px; color:#fff; line-height:normal;}
.topmedia .article p.smallgrey{font-size:11px; color:#ccc; font-weight:bold;}
.topmedia .article .floatRight img{margin-left:10px;}
.topmedia .article .quote {padding:10px 0 0 20px;}
.topmedia .quote {float:left; width:210px; height:203px; margin:0; padding:35px 0 0 35px; color:#fff; font-size:19px; line-height:normal;}
.topmedia .quoteImage{float:right; display:inline; margin:13px; z-index:1;}
.topmedia ul{margin:12px; padding:0; color:#fff; float:left; display:inline;}
.topmedia ul li a{color:#fff; text-decoration:none;}

.imageGallery .noFlash {background:url(../images/imageGalleryNoFlash.jpg) center center no-repeat; margin:auto;}
.imageGallery .noFlash p {padding:140px 0 0 0;}

/* home page changes */
.homepage .topmedia .article{padding:15px 60px; width:821px;}
.homepage .topmedia .article h2{margin-bottom:30px;}
.homepage .topmedia .article .floatRight img{margin-left:5px;}
.homepage .topmedia .registerBtn{left:60px;}
.homepage .topmedia .emailusBtn{left:212px;}
.homepage .mainContent{padding:15px 55px 0 0;}
.homepage .mainContent h1{line-height:22px; margin-bottom:12px;}
.homepage .mainContent .queensAward{right:0; bottom:40px; position:absolute;}
.homepage .mainContent .feature{margin:0 30px 0 52px; display:inline;}
.homepage .mainContent .homeFeature{margin-left:58px; display:inline;}

.pageContent{float:left; width:919px; min-height:300px; height:auto !important; height:300px; margin:0; padding:20px 10px 0 10px; background-color:#FFF;}
.pageContent .feature {margin:0 35px 0 0; padding:0; float:left;}
.pageContent .feature img {float:left;}
.pageContent p a.floatLeft{margin:0 10px 0 0;}
.pageContent p a.floatLeft img{float:left;}

.footer {margin:0 0 20px 0; padding:0 20px; background-color:#2A2B39; line-height:70px; clear:both; color:#fff;}
.footer p {margin:0; padding:0; line-height:59px; width:auto; display:inline;}
.footer img {margin:8px 0 0 0;}
.footer a {font-size:12px; font-family:Verdana,Arial,MS Sans Serif,Helvetica; color:#fff; text-decoration:none;}
.footer a:hover {color:#66C2FF;}

a.registerBtn, a.emailusBtn{text-indent:-999px; position:absolute; bottom:15px; height:70px;}
a.registerBtn{background:url(../images/registerBtn.gif) no-repeat; width:152px; left:15px;}
a.registerBtn:hover{background-image:url(../images/registerBtnHover.gif);}
a.emailusBtn{background:url(../images/emailusBtn.gif) no-repeat; width:103px; left:152px;}
a.emailusBtn:hover{background-image:url(../images/emailusBtnHover.gif);}

.submenu{float:left; width:220px; margin:0 10px 0 0; padding:0 0 20px 0; list-style:none; clear:left; background:url(../images/submenu.gif) no-repeat; min-height:230px; height:auto !important; height:230px;}
.submenu li{margin:0 15px 1px 15px; padding:0; border-bottom:1px dotted #89d8ff;}
.submenu li a{display:block; margin:1px 0; padding:0 0 0 17px; text-decoration:none; line-height:26px;}
.submenu li a:hover,
.submenu li.current a {color:#fff; background:#369 url(../images/arrow.gif) 17px center no-repeat; padding:0 0 0 27px;}

.mainContent { position:relative; display:inline-block; padding:0 0 20px 0; }
.columnCount1 { float:left; width:679px; }
.columnCount2 { float:left; width:450px; }

.options{float:right; margin:0 0 0 10px; padding:0 0 20px 0; width:220px; background:url(../images/submenu.gif) no-repeat; min-height:230px; height:auto !important; height:230px;}
.options h2{font-size:24px; margin:0 0 0 19px; padding:0 50px 0 0; text-align:right;}
.options ul {float:left; display:inline; margin:-20px 0 0 19px; padding: 30px 0 0 0; background:url(../images/optionsTop.gif) no-repeat;}
.options ul li {float:left; list-style:none; padding:1px; width:200px;}
.options ul li a { background:url(../images/iconSpecifications.gif) left center no-repeat; display:block; line-height:42px; margin: 0 26px 0 7px; padding:0 0 0 24px; font-size:12px; color:#fff; text-decoration:none; border-bottom:1px solid #fff; }
.options ul li a.noLink { font-size:18px; }
.options ul li.last { background:url(../images/optionsItemLast.gif) no-repeat; height:41px; margin-bottom:-1px;}
.options ul li.last a { background:url(../images/iconPhone.gif) left center no-repeat; border-bottom:none; }
.options ul li.emailUs a { background:url(../images/iconEmailUs.gif) left center no-repeat; }
.options ul li.register a { background:url(../images/iconRegister.gif) left center no-repeat; }
.options ul li.emailFriend a { background:url(../images/iconEmailFriend.gif) left center no-repeat; }
.options ul li.arrangeViewing a { background:url(../images/iconArrangeViewing.gif) left center no-repeat; }

.breadcrumbs {margin:0 0 10px 0; padding:0; list-style:none;}
.breadcrumbs li {margin:0; padding:0; display:inline;}
.breadcrumbs li a {padding:0 5px; text-decoration:none; color:#999;}
.breadcrumbs li.current a {color:#2B9DD0;}

/* Accordion */
.Accordion{margin:0 0 20px 0; padding:0; overflow:hidden; width:100%;}
.AccordionPanel{margin:0; padding:0; background:url(../images/panelAccordTabLeft.gif) left top no-repeat;}
.AccordionPanel .AccordionPanelTab{background:url(../images/panelAccordTabRightOpen.gif) right top no-repeat; line-height:38px; margin:0; padding:0 13px; cursor:pointer; font-weight:bold; color:#039; font-size:14px;}
.AccordionPanelOpen .AccordionPanelTab{background:url(../images/panelAccordTabRightClose.gif) right top no-repeat;}
.AccordionPanelContent{overflow:auto; margin:0; padding:0; height:200px;/* DO NOT PUT PADDING ON THIS AND YOU MUST PUT A HEIGHT */}

/* Apartment Guide */
#apartmentGuide{border:none;}
#apartmentGuide .AccordionPanel{background:url(../images/accordionTabLeft.gif) left top no-repeat;}
#apartmentGuide .AccordionPanel .AccordionPanelTab{background:url(../images/accordionTabRight.gif) right top no-repeat; line-height:29px; padding:0 0 0 28px; border:none; color:#039; font-size:14px; font-weight:bold;}
#apartmentGuide .AccordionPanelOpen .AccordionPanelTab{background-image:url(../images/accordionTabRightUp.gif);}
#apartmentGuide .AccordionPanelContent{margin:0; padding:0; height:200px; overflow:auto;/* DO NOT PUT PADDING ON THIS AND YOU MUST PUT A HEIGHT */}
#apartmentGuide .AccordionPanelContent p{padding:15px 15px 5px 15px;}

/* Awards */
#awardTabs table tr td { padding:5px; }

/* Specifications */
.TabbedPanels {width:691px; overflow:auto; margin:0 0 10px 0; background:url(../images/panelTabBottom.gif) center 41px no-repeat;}
.TabbedPanelsTabGroup {width:100%; overflow:auto;}
.TabbedPanelsTab {float:left; margin:0 5px 0 0; background:url(../images/panelTabLeft.gif) top left no-repeat; font-weight:bold; color:#ccc; cursor:pointer;}
.TabbedPanelsTab div {float:left; background:url(../images/panelTabRight.gif) top right no-repeat; line-height:41px; padding:0 18px; font-size:13px; }
.TabbedPanelsTabSelected div {color:#66C2FF; line-height:42px;}
.TabbedPanelsContentGroup {padding:30px 10px 10px 10px;}

/* Pricing */
.statusForm {margin:0; clear:left; text-align:right; width:auto; font-family:Trebuchet MS, Helvetica, sans-serif; color:#062800;}
.statusForm .formfield {float:none; display:inline;}
.statusForm label {display:inline; float:none; line-height:20px; width:auto; padding:0 5px;}
.statusForm select {display:inline; float:none; font-family:Trebuchet MS, Helvetica, sans-serif; font-size:12px;}
.compareForm {margin:0 0 20px 0;}
.tableContainer {padding:1px 0;}
table.pricing {width:675px; margin:20px 0 0 4px; clear:both; border-collapse:collapse; border:1px solid #aeaeae; color:#333; font-size:12px;}
table.pricing a {cursor:pointer;}
table.pricing th {background-color:#eee; border-bottom:1px solid #aeaeae; padding:5px;}
table.pricing td {text-align:center; padding:3px; font-family:Trebuchet MS, Helvetica, sans-serif;}
table.pricing td input {width:auto;}
table.pricing tr.reserved {color:#84a637;}
table.pricing tr.unreleased, .compare table.pricing .unreleased {color:#9C0;}
table.pricing tr.sold {color:#999;}
a.compare {float:left; width:137px; height:45px; /*background:url(../images/btn_compare.gif) no-repeat;*/ text-indent:-3000px; cursor:pointer;}
a.compareTop {background:url(../images/btn_compareTop.gif) no-repeat;}
a.compareBottom {margin:5px 0 0 0; background:url(../images/btn_compareBottom.gif) no-repeat;}
.pagination {padding:0 65px 0 0; text-align:center;}
.pagination a {cursor:pointer;}
.pagination .pages {margin:4px 0 10px 0;}
.pagination .nextPrev {margin:0 0 20px 0;}
a.back {display:inline-block; clear:both; white-space:nowrap; cursor:pointer; color:#FFF; font-size:12px; background:transparent url(../images/btnBack.gif) no-repeat right top; height:26px; line-height:26px; margin:0; padding:0 10px 0 0; text-decoration:none;}
a.back span {display:inline-block; background:transparent url(../images/btnBackLeft.gif) no-repeat left top; height:26px; margin:0 7px 0 0;}
a.backBottom {margin:20px 0 0 0; float:left; clear:left;}

.compare table.pricing .blockImage {border:3px solid #2e8fbf; margin:0;}
.compare table.pricing td.rowHeading {color:#666; border-bottom:none; padding-right:35px;}
.compare table.pricing td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#999; font-weight:bold; text-align:left; padding:7px 10px; border-bottom:1px solid #aeaeae; border-right:1px solid #aeaeae; text-transform:capitalize;}
.compare table.pricing {width:auto; margin:0 0 20px 0;}
.compare a.backBottom {float:none;}

/* Floorplans */
.filterForm {margin:0;}
.plotImage {float:left; margin:15px 0 0 0;}
.northPoint{float:right; margin:15px 0 0 0;}
.smallPlotImages {float:right; width:170px; padding:20px 0 0 0; cursor:pointer;}
.smallPlotImages .smallPlotImage {float:right; clear:right; margin:0 0 10px 0; overflow:hidden; width:150px; height:150px; border:6px solid #8fb13c;}

/* Apartment Overview */
.blockImage {float:right; clear: right; margin:0 0 20px 0;}
.blockLinks {float:left; margin:0 0 15px 0; padding:0; list-style:none;}
.blockLinks li {float:left; margin:0 10px 0 0; padding:0 0 0 20px;}
.blockLinks li a {color:#2d87b3; line-height:16px;}
.blockLinks li.apartGuide {background:url(../images/iconJigsaw.gif) center left no-repeat;}
.blockLinks li.availability {background:url(../images/iconTick.gif) center left no-repeat;}
.blockLinks li.specifications {background:url(../images/iconTools.gif) center left no-repeat;}
.blockLinks li.virtualTours {background:url(../images/iconCamera.gif) center left no-repeat;}
.blockArticleText {width:460px; margin:0 0 20px 0;}

/* Movie */
.movie{overflow:auto; padding:10px; width:921px;}
.movie h2{margin:15px; color:#CF0;}
.movie ul {float:left; display:inline; width:252px; margin:15px; height:170px; list-style:none;}
.movie ul li a span.title {float:left;}
.movie ul li a span.play {float:right;}
.movie ul li a {display:block; overflow:auto; font-size:12px; padding:0 0 10px 0;}
.movie ul li a:hover, .movie ul li.current a {color:#CF0;}
.movie #defaultFlashElement{float:right; display:inline;}

/* Virtual Tours */
applet {z-index:1;}
h2.tours {margin:15px 0 0 15px; color:#66C2FF;}
ul.tours {float:left; display:inline; margin:15px 0 0 15px; padding:0; height:278px; list-style:none;}
ul.tours li {float:left; margin:0 0 8px 0; padding:0;  clear:left;}
ul.tours li a {float:left; width: 250px; font-size:12px;}
ul.tours li a span {cursor:pointer;}
ul.tours li a span.title {float:left;}
ul.tours li a span.play {float:right;}
ul.tours li a:hover,
ul.tours li.current a {color:#66C2FF;}
.virtualTourDetail{float:right; clear:right; position:relative; display:inline; margin:13px; padding:13px; width:616px;}
.virtualTourDetail img {float:left;}
.virtualTourDetail applet {float:right;}
.virtualTourDetail p{position:absolute; float:left; left:13px; bottom:13px; font-size:10px; line-height:normal; width:180px; margin:0; padding:0 0 0 20px;}
.virtualTourDetail iframe{z-index:1;}

/* Forms */
form {overflow:auto; width:100%;}
label{float:left; clear:left; padding:0 10px 0 0; text-align:right; width:140px; font-size:12px; line-height:18px;}
span.required,
span.requiredUK {display:block; font-size:10px; padding-right:10px;}
span.required,
.required label {background:url(../images/form_required.gif) right center no-repeat;}
span.requiredUK,
.requiredUK label {background:url(../images/form_required_uk.gif) right center no-repeat;}
legend{display:none;}
input, 
textarea{width:200px;}
input.checkbox{float:left; clear:left; width:auto;}
.tick{background:url(../images/form_tick.gif) top right no-repeat;}
.cross{background:url(../images/form_cross.gif) top right no-repeat;}
.errors{color:#C03;}
form.frmRegister fieldset{float:left; margin:0 0 20px 0; padding:10px; border:1px solid #abdfff;}
form.frmRegister fieldset.last{border:none; margin:-20px 0 0 0;}
form.frmRegister fieldset.col1{float:left; margin:0 20px 10px 0;}
form.frmRegister fieldset.col2{float:left;}
form.frmRegister .formfield{float:left; clear:left; width:390px; margin:0 0 5px 0;}
form.frmRegister .button{width:auto;}
form.frmRegister .control{float:left; width:225px; padding-left:10px;}
form.frmRegister select{width:204px;}
form.frmRegister .button{float:right; display:inline; margin:0 -20px 0 0; position:relative;} /* Relative fixes an IE6 bug. */
form.frmRegister .validatebtn{width:auto;}
form.frmRegister .control label{clear:none; text-align:left; width:150px; line-height:20px; font-weight:normal; background:none;}

form.frmEmail fieldset {float:left; margin:0 10px 20px 0; padding:10px; border:1px solid #abdfff;}
form.frmEmail .col1,
form.frmEmail .col2 {float:left;}
form.frmEmail .formfield{float:left; clear:left; margin:0 0 5px 0; width:420px;}
form.frmEmail .col1 .formfield{width:420px;}
form.frmEmail .col2 .formfield{width:420px;}
form.frmEmail .control{float:left; padding:0 20px 0 15px;}
form.frmEmail .button{width:auto; margin:0 0 0 35px;}
form.frmEmail label {width:160px;}
form.frmEmail label.checkbox{width:186px; padding:0; clear:none; background:none;}
form.frmEmail label.checkbox a{float:right; clear:both;}

/*	Maps	*/
.googleMap {float:left; width:600px; height:300px;}
.googleControls {float:left; width:178px; overflow:hidden;}
.googleControls h3 {margin:25px 0 10px 15px; font-size:18px; font-weight:normal; color:#f8f7f7;}
.googleControls p {float:left; margin:0; padding:0 10px 0 20px; font-size:10px;}
.googleControls ul {float:left; margin:0 0 10px 0; padding:0; list-style:none;}
.googleControls ul li {margin:0; padding:0;}
.googleControls ul li a {float:left; line-height:37px; margin:0; padding:0 0 0 40px; font-size:14px; font-family:Arial, Helvetica, sans-serif; background:url(../images/pinGreyedOut.gif) 15px center no-repeat; cursor:pointer;}
.googleControls ul li a.active {color:#66C2FF;}
.googleControls ul li.pinGreen a.active {background:url(../images/pinGreen.gif) 15px center no-repeat;}
.googleControls ul li.pinYellow a.active {background:url(../images/pinYellow.gif) 15px center no-repeat;}
.googleControls ul li.pinPink a.active {background:url(../images/pinPink.gif) 15px center no-repeat;}
.googleControls ul li.pinOrange a.active {background:url(../images/pinOrange.gif) 15px center no-repeat;}
.googleControls ul li.pinBlue a.active {background:url(../images/pinBlue.gif) 15px center no-repeat;}

/* Sitemap */
.sitemap1 li { margin:5px 0; padding:0; }

/* Required nav settings */
ul.MenuBarHorizontal{position:absolute; top:102px; left:10px; margin:0; padding:0; list-style-type:none; font-size:100%; cursor:default; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase;}
ul.MenuBarActive{z-index:1000;}
ul.MenuBarHorizontal li{margin:0; padding:0; list-style-type:none; font-size:100%; position:relative; text-align:left; cursor:pointer; width:auto; float:left;}
ul.MenuBarHorizontal ul{margin:0; padding:0; list-style-type:none; font-size:100%; z-index:1020; cursor:default; width:200px; position:absolute; left:-1000em; text-transform:none;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal ul li{width:194px; margin:0 3px 1px 3px; border-bottom:1px dotted #89d8ff;}
ul.MenuBarHorizontal ul ul{position:absolute; margin:-5% 0 0 95%;}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{left:auto; top:0;}

/* Design nav settings */
ul.MenuBarHorizontal ul{float:left; clear:left; border:1px solid #3399ca; background-color:#fff; top:26px;}
ul.MenuBarHorizontal li a{float:left; cursor:pointer; margin:0; padding:0 10px 0 0; line-height:26px; color:#585858; text-decoration:none;}
ul.MenuBarHorizontal li.current a{color:#FFF; background:url(../images/navBackground.gif) no-repeat right top;}
ul.MenuBarHorizontal li a:hover, 
ul.MenuBarHorizontal li a:focus,
ul.MenuBarHorizontal li a.MenuBarItemHover, 
ul.MenuBarHorizontal li a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal li a.MenuBarSubmenuVisible{background:url(../images/navBackgroundHighlight.gif) no-repeat right top; color:#FFF;}
ul.MenuBarHorizontal li.current li a{background:none; color:#585858;}
ul.MenuBarHorizontal a span {float:left; margin:0 5px 0 0; height:26px; width:3px;}
ul.MenuBarHorizontal a:hover span, 
ul.MenuBarHorizontal a:focus span,
ul.MenuBarHorizontal a.MenuBarItemHover span, 
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover span,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible span,
ul.MenuBarHorizontal li.current a span{background:url(../images/navBackgroundLeft.gif) no-repeat left top; color:#FFF;}
ul.MenuBarHorizontal ul li a {padding-left:10px; width:162px;}
ul.MenuBarHorizontal ul li a span {display:none;}
ul.MenuBarHorizontal ul li.current a,
ul.MenuBarHorizontal ul li a:hover,
ul.MenuBarHorizontal ul li a:focus,
ul.MenuBarHorizontal ul li a.MenuBarItemHover, 
ul.MenuBarHorizontal ul li a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal ul li a.MenuBarSubmenuVisible{background:#336699 url(../images/arrow.gif) 12px center no-repeat; color:#fff; padding-left:22px;}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{
	position:absolute;
	z-index:1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{
	ul.MenuBarHorizontal li.MenuBarItemIE{
		display:inline;
		f\loat:left;
		background:#FFF;
	}
}

