/* Generic Styles */
body {margin: 0; padding: 0; font-family: "Trebuchet MS", Arial; font-size: 13px; color: #333; background: url(../images/background.jpg) top center no-repeat #E4E4E4;}
img {border: 0;}

a {color: #399;}
a:hover {color: #666;}

ul {margin: 5px 0; padding: 0 0 0 20px; list-style-type: none; margin: 0; padding: 0 0 0 10px;}
ul li {list-style-type: none; display: block; background: url(../images/list_arrow.jpg) top left no-repeat; padding: 0 0 0 15px;}
ol {margin: 5px 0; padding: 0 0 0 20px;}

h1 {color: #399; font-size: 18px; font-weight: normal; padding-left: 20px; font-family:"Palatino Linotype", "Times New Roman", Times, serif;}
h2 {color: #399; font-size: 14px; font-weight: bold; font-family: "Palatino Linotype", "Times New Roman", Times, serif;}
h3 {color: #999; font-size: 12px; font-weight: normal; font-family: "Trebuchet MS", Arial;}

form {margin: 0; padding: 0;}
.hide{display:none;}

.clearBoth {clear:both;}
.centerText {text-align: center;}

.bgAqua {background-color: #e5e5e5; padding-bottom: 10px;}

/* Layout Styles */ 
.container {width: 999px; margin: 14px auto 0px auto; background: url(../images/container_bg.jpg) top left repeat-y;}

.header {height: 94px; padding: 6px; background: url(../images/header_bg.jpg) top left no-repeat; position: relative; z-index: 100;}
.header .homepagelogo {display:block; height: 95px; width: 236px; text-indent:-999px; float: left;}
.header .searchbox {float: right; overflow: auto; margin: 4px 0 0 0;}
.header .searchbox .formfield {float: left; width: auto; margin: 0 7px 0 0;}
.header .searchbox .formfield label {display: none;}
.header .searchbox .formfield select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33322e; margin-top: 1px; width: 115px; padding: 3px; border: 1px solid #c5e0e0;}
.header .searchbox .formfield .button { font-family:"Palatino Linotype", "Times New Roman", Times, serif; font-size: 10px; color: #FFF; width: 51px; height: 24px; background: url(../images/searchbutton_bg.jpg) top left no-repeat; border: 0; cursor: pointer;}

.header .callsToAction {clear: right; float: right; list-style-type: none; list-style-image:none; margin: 0; padding: 13px 0 0 0;}
.header .callsToAction li {height: 52px; float: left; position: relative;}
.header .callsToAction li.divider {background: url(../images/cta_divider.jpg) top left no-repeat; width: 1px;}
.header .callsToAction li.register {background: url(../images/cta_register.gif) top left no-repeat; width: 109px;}
.header .callsToAction li.email {background: url(../images/cta_emailfriend.gif) top center no-repeat; width: 96px;}
.header .callsToAction li.brochure {background: url(../images/cta_brochure.gif) top left no-repeat; width: 96px;}
.header .callsToAction li a {display: block; width: 98px; height: 30px; padding: 40px 0 0 0; text-align: center; font-family:"Palatino Linotype", "Times New Roman", Times, serif; font-size: 10px; color: #333; text-decoration: none; text-transform: uppercase; line-height: 13px; letter-spacing: 0.15em; position: absolute; text-indent: -9999px; z-index: 1000;}
.header .callsToAction li.register a {left: 5px;}
.header .callsToAction li.email a {left:5px;}
.header .callsToAction li.brochure a {left: -1px;}
.header .callsToAction li a span.smallerText {display:block; font-size: 8px; text-align: center;color: #333; white-space:nowrap;}
.header .callsToAction li a:hover {display: block; background: url(../images/cta_hover.png) bottom center no-repeat; text-indent: 0px;}

.content {padding: 6px; margin: 0px; background: url(../images/content_bg.jpg) top left no-repeat; overflow: auto; height: 1%;  z-index: 90;}
.content .content_Header {height: 25px; background-color: #8dc0c6;}
.content .left {width: 242px; float:left; color: #FFF; background-color: #8DC0C6; padding: 0 0 105px 0;}
.content .left .divider {border-top: 1px solid #add0d4; margin: 5px 0 0 0; padding: 10px 0 0 0; overflow: auto;}
.content .left .divider h2 {font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 11px; margin: 0; padding: 5px 20px; text-transform: uppercase;color: #FFF;}
.content .left .divider p {font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 12px; margin: 0; padding: 5px 20px;}
.content .left .divider p.large {font-size: 21px; font-weight: bold;}

.content .right {width: 745px; float: right; background-color: #FFF; padding: 0 0 10px 0; overflow:auto;}

.content .right .breadcrumbs {font-family:"Palatino Linotype", "Times New Roman", Times, serif; font-size: 10px; padding: 5px 20px; border-bottom: 1px solid #9CC;}
.content .right .breadcrumbs a {color: #399; text-decoration: none;}
.content .right .breadcrumbs a:hover {text-decoration: underline;}

.content .right .features {overflow: auto; height: 1%;}
.content .right .feature {float: left; margin: 6px 0 0 20px;}
.content .right .featureFirst {float: left; margin: 6px 0 0 20px;}

.content .right .thirdLevelNav {list-style-type:none; list-style-image:none; margin: 15px 20px 0 20px; padding: 0; border-top: 1px solid #399; border-bottom: 1px solid #399; background-color: #f2f2f2; overflow: auto; clear:both; height: 1%;}
.content .right .thirdLevelNav li {list-style-type:none; margin: 0 10px 0 0; padding: 0; float: left; background: none;}
.content .right .thirdLevelNav li a {display: block; padding: 5px 12px 5px 5px; font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; color: #666; text-decoration: none;}
.content .right .thirdLevelNav li a:hover, .content .right .thirdLevelNav li.selected a {color: #399; background: url(../images/thirdnav_bg.jpg) right 11px no-repeat;}

.content .right .pageContent {padding: 0px 20px 0 20px; overflow:visible;}
.content .right .pageContentSmall {padding: 0px 20px 0 20px; width:500px;}
.content .right .noPadding {padding: 0;}

.pageContent h1, .pageContentSmall h1,
.pageContent h2, .pageContentSmall h2,
.pageContent h3, .pageContentSmall h3,
.pageContent h4, .pageContentSmall h4,
.pageContent h5, .pageContentSmall h5,
.pageContent h6, .pageContentSmall h6 {padding-left: 0px;}

.pageContent p, .pageContentSmall p {line-height: 19px;}

.brochureBlock {display: block; text-decoration: none; color: #666; font-size: 11px; text-align: center; width: 188px; float: left; margin: 0 20px 20px 20px;}

.brochureBlock img {display:block;}

.footer {height: 30px; background: url(../images/footer_bg.jpg) top left repeat-x; padding: 30px 0 0 20px; color: #325f64; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; clear: both; position: relative;}
.footer .copyright {width: auto; float: left; padding: 0 5px;}
.footer ul {list-style-type:none; margin:0; padding: 0; overflow: auto; float: left;}
.footer li {list-style-type:none; margin: 0; padding: 0 5px; display: block; float: left; border-left: 1px solid #325f64; background-image: none;}
.footer a {color: #325f64; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.footer .stgeorgelogo {position: absolute; top: -110px; left: 6px;}
.footer .queensawardlogo {position: absolute; top: -110px; left: 156px;}
.footer .stgeorgelogocentered {position: absolute; top: -110px; left: 50px}


/* Specific Styles */
ul.MenuBarVertical{margin: 0 0 65px 0; padding: 0; list-style-type: none; border-bottom: 1px solid #add0d4; width: 242px;}
ul.MenuBarActive{z-index: 1000;}
ul.MenuBarVertical li{margin: 0; padding: 4px; list-style-type: none; list-style-image: none; position: relative; cursor: pointer; width: 232px; border-top: 1px solid #add0d4; background-image: none; }
ul.MenuBarVertical li a {margin: 0; padding: 2px 20px; display: block; font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 11px; color: #FFF; text-transform:uppercase; text-decoration: none;}
ul.MenuBarVertical li a:hover, ul.MenuBarVertical li.current a {background: url(../images/nav_bg.jpg) bottom right no-repeat #FFF; color: #339999; font-weight: bold;}

/* Submenus */
ul.MenuBarVertical ul{margin: 2px 0 0 100%; padding: 0; list-style-type: none; position: absolute; z-index: 1020; cursor: default; width: 242px; left: 0px; top: 0; background-color: #99cccc; display: none;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible{display: block;}
ul.MenuBarVertical ul li {width: 232px; list-style-image: none;}
ul.MenuBarVertical ul li a {background-color: #ececec; color: #666;}

/* Override when current option */
ul.MenuBarVertical li.current ul.MenuBarSubmenuVisible{display: block; }
ul.MenuBarVertical li.current ul {margin: 4px 0 0 0; position: relative; display: block; background-color: #8dc0c6; width: 232px;}
ul.MenuBarVertical li.current ul li {width: 220px; margin: 0; padding: 4px 6px; border: 0;}
ul.MenuBarVertical li.current li a {background: #ECECEC; color: #666; font-weight: normal; background: url(../images/subnav_bg.jpg) top left no-repeat #ececec;}
ul.MenuBarVertical li.current li.current a, ul.MenuBarVertical li.current li a:hover {background: url(../images/subnav_selected_bg.jpg) top left no-repeat #FFF; color: #339999; font-weight: bold;}

.content .right .myOptions {float: right; margin: 0 5px 0 0; width: 215px;}
.content .right .myOptions h2 {display: block; border: 1px solid #cde3e6; color: #FFF; font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 12px; font-weight: normal; background-color: #399; text-align: center; padding: 4px; text-transform: uppercase; margin: 0 0 1px 0;}
.content .right .myOptions .feature, .content .right .myOptions .featureFirst {background-color: #9CC; width: 205px; margin: 1px 0 0 0; padding: 4px 5px;}
.content .right .myOptions .feature p, .content .right .myOptions .featureFirst p {margin: 0; padding: 4px 8px; color: #FFF; font-size: 14px;}
.content .right .myOptions .feature a, .content .right .myOptions .featureFirst a {display: block; color: #FFF; text-transform:uppercase; padding: 4px 8px; text-decoration:none; font-family: "Palatino Linotype", "Times New Roman", Times, serif; font-size: 11px; font-weight: normal;}
.content .right .myOptions .feature a:hover, .content .right .myOptions .featureFirst a:hover {color: #333; font-weight: bold; color: #399; background: url(../images/nav_bg.jpg) bottom right no-repeat #FFF;}

.Accordion,
.AccordionPanel{margin:0; padding:0; clear: both; outline: none;}
.Accordion {border-bottom:solid 1px #9CC;}
.AccordionPanelTab{background-color:#e5e5e5; border-top: solid 1px #9CC; margin:0; padding:2px; cursor:pointer; font-family:"Palatino Linotype", "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #000; background: url(../images/accordion_open.jpg) right 1px no-repeat;}
* html .AccordionPanelTab { height: 1%; } 
.AccordionPanelContent{/* DO NOT PUT PADDING ON THIS AND YOU MUST PUT A HEIGHT */overflow:auto; margin:0; padding:0; height:200px; border-top:solid 1px #9CC; }
.AccordionPanelContent p,
.AccordionPanelContent img {margin: 2px 2px 5px 2px; padding:0; overflow: auto; clear: left;}
.AccordionPanelContent ul,
.AccordionPanelContent ol {margin: 5px 0; padding: 0 0 0 20px; }
.AccordionPanelOpen .AccordionPanelTab {background: url(../images/accordion_close.jpg) right 1px no-repeat;}

.ApartmentGuideLink {display:block; color: #399; width: auto; margin: 0 10px 0 0; float: left; background: url(../images/apart_link.jpg) top right no-repeat; padding: 3px 19px 3px 0;}
.AvailabilityLink {display:block; color: #399; width: auto; margin: 0 10px 0 0; float: left; background: url(../images/avail_link.jpg) top right no-repeat; padding: 3px 19px 3px 0;}
.SpecificationLink {display:block; color: #399; width: auto; margin: 0 10px 0 0; float: left; background: url(../images/spec_link.jpg) top right no-repeat; padding: 3px 19px 3px 0;}

.availabilityForm {margin: 0 0 0 20px; width: 600px; overflow: auto; padding-bottom: 10px;}

.availabilityForm .formfield {float: left; width: 200px; overflow: auto;}
.availabilityForm .formfield label {float: left; width: 75px; font-family: "Trebuchet MS", Arial; font-size: 10px; padding: 4px 5px 0 0; text-align: right;}
.availabilityForm .formfield .control {float: right;}
.availabilityForm .formfield .control select {width: 120px;}
.availability {margin: 0 0 0 20px; width: 600px; border-bottom: 1px solid #aeaeae;}
.short {width: 458px;}
.availability th {border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; background: url(../images/availability_header_bg.jpg) top left repeat-x; padding: 5px 5px 4px 5px; font-family: "Trebuchet MS", Arial; font-size: 11px; font-weight: normal; color: #FFF;}
.availability th.first {border-left: 1px solid #c6c6c6;}
.availability th.last {border-right: 1px solid #c6c6c6;}
.availability td {text-align: center; padding: 2px 5px;}
.availability td.first {border-left: 1px solid #aeaeae;}
.availability td.last {border-right: 1px solid #aeaeae;}
.availability td.status {text-transform: capitalize;}
.comparebutton {padding: 10px 20px; cursor: pointer; width: 137px;} 
.pagination {margin: 20px 0 0 0;}
.pagination, .prevNext {margin-left: 20px; text-align: center; width:  600px;}
.floorplan {margin: 20px 0 0 20px; width: 500px;}
.floorplan img {display: block; margin: auto;}
.back {margin-top: 10px; display: block;}

.comparison {width: 458px; margin: 10px 0 0 20px; border-bottom: 1px solid #666; border-right: 1px solid #666;}
.comparison td {padding: 4px 8px; border-top: 1px solid #666; border-left: 1px solid #666;}
.comparison td.subHeading {border-top: none; font-weight: bold;}
.comparison td.first {border-top: 1px solid #666;}

.googleMapJS {width: 745px; height: 441px; }
.googleMapJS noscript {width: 745px; height: 441px; background: url(../images/googlemap_replacement.jpg) top left no-repeat;}

.awardList {float: right; width: 170px;}
.awardList label {display: block; color: #399; font-size: 14px; font-weight: bold; padding: 0 0 10px 0;}
.awardList select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #33322e; width: 170px; padding: 3px; border: 1px solid #c5e0e0;}
.awardList input {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; margin: 10px 0;}

/* Registration Form */
.errors {color: #F00;}
.leftForm {width: 330px; float: left; margin: 0;}
.rightForm {width: 365px; float: left; margin: 0 0 0 10px;}
.frmRegister {margin: 20px;}
.frmRegister h2 {margin: 0; padding: 0; text-transform: uppercase; font-size: 12px;}
.frmRegister fieldset {margin: 0; padding: 5px 0; border: 1px solid #399; background-color: #e5e5e5;}
.frmRegister .rightForm fieldset {margin-bottom: 20px;}
.frmRegister fieldset legend {display: none;}
.frmRegister .leftForm .formfield {width: 325px; overflow: auto; margin: 5px 0 0 0; clear: both;}
.frmRegister .rightForm .formfield {width: 360px; overflow: auto; margin: 5px 0 0 0; clear: both;}
.frmRegister .leftForm .formfield label {text-align: right; width: 100px; float: left; margin: 0 5px 0 0; padding: 2px 10px 0 0;}
.frmRegister .rightForm .formfield label {text-align: right; width: 130px; float: left; margin: 0 5px 0 0; padding: 2px 10px 0 0;}
.frmRegister .formfield .control {width: 208px; float: left;}
.frmRegister .formfield select {width: 190px;}
.frmRegister .formfield input {width: 186px;}
.frmRegister .formfield .checkbox {width: auto; float: left; clear: both;}
.frmRegister .formfield .control label {text-align: left; width: 150px; float: left; }
.frmRegister .required label {background: url(../images/form_required.gif) right 2px no-repeat;} 
.frmRegister .requiredUK label {background: url(../images/form_requiredUK.gif) right 2px no-repeat;}
.frmRegister .required .control label, .frmRegister .requiredUK .control label {background: none;}
.frmRegister .formfield .tick {background: url(../images/form_tick.gif) right 2px no-repeat;}
.frmRegister .formfield .cross {background: url(../images/form_cross.gif) right 2px no-repeat;}
.frmRegister .agreements br {display: none;}
.frmRegister .agreements .formfield .checkbox {width: auto; float: right; margin: 3px 20px 0 0; clear: both;}
.frmRegister .formfield .control input.button {padding: 0; margin: 0; border: 0; cursor: pointer;}
.frmRegister .rightForm .submitButton label {float: right; padding: 0; width: 140px;}
.frmRegister .rightForm .submitButton .control {float: left;}
.frmRegister .rightForm .submitButton .required {display:block; background: url(../images/form_white_required.gif) right 2px no-repeat; padding: 0 12px 0 0;} 
.frmRegister .rightForm .submitButton .requiredUK {display:block; background: url(../images/form_white_requiredUK.gif) right 2px no-repeat; padding: 0 12px 0 0;}
.frmRegister .rightForm .submitButton .button {width: auto;}

.frmEmail {margin: 20px; padding: 10px 0; border: 1px solid #399; background-color: #e5e5e5; overflow: auto; display: block; height: 1%;}
.frmEmail .leftForm {width: 310px; clear:both; }
.frmEmail .rightForm {width: 345px; }
.frmEmail .leftForm h2 {margin: 0; padding: 0 0 0 15px; text-transform: uppercase; font-size: 12px;}
.frmEmail .rightForm h2 {margin: 0; padding: 0 0 0 60px; text-transform: uppercase; font-size: 12px;}
.frmEmail .leftForm .formfield {width: 305px; overflow: auto; margin: 5px 0 0 0; clear: both;}
.frmEmail .rightForm .formfield {width: 340px; overflow: auto; margin: 5px 0 0 0; clear: both;}
.frmEmail .leftForm .formfield label {text-align: right; width: 90px; float: left; margin: 0 5px 0 0; padding: 2px 10px 0 0;}
.frmEmail .rightForm .formfield label {text-align: right; width: 120px; float: left; margin: 0 5px 0 0; padding: 2px 10px 0 0;}
.frmEmail .formfield .control {width: 198px; float: left;}
.frmEmail .formfield select {width: 180px;}
.frmEmail .formfield input {width: 176px;}
.frmEmail .formfield textarea {width: 176px; height: 70px;}
.frmEmail .required label {background: url(../images/form_required.gif) right 2px no-repeat;} 
.frmEmail .requiredUK label {background: url(../images/form_requiredUK.gif) right 2px no-repeat;}
.frmEmail .formfield .tick {background: url(../images/form_tick.gif) right 2px no-repeat;}
.frmEmail .formfield .cross {background: url(../images/form_cross.gif) right 2px no-repeat;}
.frmEmail p.required {background: url(../images/form_required.gif) left 2px no-repeat; padding: 0 0 0 15px; margin: 15px 0 0 10px; font-family: "Trebuchet MS", Arial; font-size: 10px; color: #333;} 
.frmEmail .submitButton label {visibility: hidden;}
.frmEmail .submitButton .control {text-align:right; padding-right: 18px; width: 180px;}
.frmEmail .submitButton .button {width: auto;}

/* News Articles */
.newsArticle {width: 510px; padding: 0 0 0 20px; float:left;}
.newsArticle h2 {margin: 0px;}
.newsArticle h3 {margin-top: 0px;}

.newsList {width: 190px; padding: 0 0 0 25px; float:left;}
.newsList h2 {margin-top: 0px;}
.newsList select {width: 175px;}
a.newslink {text-decoration: none; font-family: "Trebuchet MS", Arial; font-size: 11px; color: #666; display: block;}
a.newslinkselected {text-decoration: none; font-family: "Trebuchet MS", Arial; font-size: 11px; color: #399; display: block;}