/* @override http://silverstripe.mevanna.com/themes/mevanna/css/layout.css http://sandbox.mevanna.com/themes/mevanna/css/layout.css http://www.mevanna.com/themes/mevanna/css/layout.css */ /* General styles */ /* [Start] Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.2; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* [End] Resets */ /* border: 0; This removes the border around the viewport in old versions of IE */ /* The min-width property does not work in old versions of Internet Explorer */ body { width: 100%; background: #acac9e; min-width: 1024px; font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;} div.clear { clear: left; visibility: hidden; line-height: 0; } .hidden { display: none; } a { color: #6d6f60; text-decoration: none;} a:hover { color: #000; cursor: pointer;} /* Layout Styles */ #body-wrapper { height: 100%; width: 1000px; margin: 0 auto; text-align: center; position: relative; padding: 0 12px;} #wrapper { text-align: left; } /* Header styles */ #header { clear: both; float: left; width: 100%; } #header #accountnav { background: #cacabd; margin-bottom: 12px; width: 1000px; height: 32px; } #header #accountnav a { font-size: 11px; color: #6f6e61; font-weight: bold; } #header #accountnav a:hover { font-size: 11px; color: black; font-weight: bold; } #header #accountnav #login { display: block; width: 100px; margin-top: 5px; float: right; } #header #accountnav #register { display: block; width: 70px; margin-top: 5px; float: right; } #header #accountnav #breadcrumbs { display: block; width: 800px; float: left; font-wieght: bold; color: #acac9e; font-size: 11px; font-weight: bold; margin-top: 10px; margin-left: 10px; } #header #accountnav #breadcrumbs span.B_crumbBox span.B_lastCrumb { color: #fff; } #header #masthead { position: relative; display: block; width: 1000px; margin: 0 0 28px; } #masthead img#logo { } #myMasthead { width: 735px !important; height: 165px !important; border: 0 !important; float: right; position: absolute; right: 0; top: 0; } #header #main-navigation { display: block; position: relative; width: 1000px;} #header #main-navigation #nav-pad { display: block; width: 12px; float: left;} #header #main-navigation ul { display: block; list-style: none; float: right; width: 988px;} #header #main-navigation ul li { display: block; list-style: none; width: 108px; height: 43px; float: left; font-size: 11px; text-align: right; font-weight: bold; } #header #main-navigation ul li a { color: #fff; display: block; width: 98px; height: 30px; margin-top: 4px; border-right: 1px solid #cacabd; text-align: right; padding-right: 8px; padding-top: 2px;} #header #main-navigation ul li.last { float: right;} #header #main-navigation ul li.current, #header #main-navigation ul li.section{ background: #cacabd;} #header #main-navigation ul li.current:hover, #header #main-navigation ul li.section:hover { background: #cacabd;} #header #main-navigation ul li:hover { background: #9d9c8d;} #header #main-navigation ul li a:hover { color: #000; } #group #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #group #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #0e83a9; font-weight: bold; } #dev #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #dev #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #007843; font-weight: bold; } #manage #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #manage #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #da7729; font-weight: bold; } #group .highlight { color: #0e83a9; } #dev .highlight { color: #007843; } #manage .highlight { color: #da7729; } /* Content Section */ #content-wrapper { display: -moz-inline-block; } #content-wrapper { display: inline-block; width: 972px; position: relative; background: #cacabd; margin-bottom: 12px; padding: 14px; text-align: left;} /*#content-wrapper div { border: 1px; border-style: solid; margin: -1px;}*/ /* #content-wrapper #content { position: relative; display: inline-block; width: 702px; float: right; background-color: white;} */ /*#content-wrapper #left { display: inline-block; width: 240px; margin: 0 14px 0 0; float: left;} */ /* Changes for new style home page */ #content-wrapper #left-mid.homepage { width: 972px; } #content-wrapper #left-mid.homepage #content { width: 715px; background: none; padding-right: 0px; padding-left: 0px; } #content-wrapper #left-mid.homepage #content .col-1, #content-wrapper #left-mid.homepage #content .col-2 { background: #FFFFFF; min-height: 335px; margin-top: 14px; padding: 10px; } #content-wrapper #left-mid.homepage #content .col-1 { width: 440px; float: left; } #content-wrapper #left-mid.homepage #content .col-2 { width: 220px; float: right; } #content-wrapper #left-mid.homepage #content .col-1 h2, #content-wrapper #left-mid.homepage #content .col-2 h2 { margin: 4px 0; font-size: 15px; color: #231f20; text-transform: uppercase; } #content-wrapper #left-mid.homepage #content .col-1 h2 strong, #content-wrapper #left-mid.homepage #content .col-2 h2 { font-weight: bolder; } #content-wrapper #left-mid.homepage #content .col-1 p, #content-wrapper #left-mid.homepage #content .col-1 p a, #content-wrapper #left-mid.homepage #content .col-2 p, #content-wrapper #left-mid.homepage #content .col-2 p a { margin: 0px !important; font-size: 12px; color: #231f20; } #content-wrapper #left-mid.homepage #content .col-1 p a:hover, #content-wrapper #left-mid.homepage #content .col-2 p a:hover { text-decoration: underline; } #content-wrapper #left-mid.homepage #content .col-1 p a img { margin-top: 16px; display: block; } #content-wrapper #left-mid.homepage #content .col-2 p { padding-bottom: 16px; } #content-wrapper #left-mid.homepage #content .col-2 dl { width: 199px; background: #acac9e; margin: 0 auto; padding: 10px; text-align: center; display: block; } #content-wrapper #left-mid.homepage #content .col-2 dl dt, #content-wrapper #left-mid.homepage #content .col-2 dl dd { text-align: left; font-size: 12px; color: #231f20; } #content-wrapper #left-mid.homepage #content .col-2 dl dt a img { max-width: 197px; max-height: 146px; margin-bottom: 10px; border: 1px solid #8f8f82; } #content-wrapper #left-mid.homepage #content .col-2 dl dd a { color: #231f20; font-weight: bold; } #content-wrapper #left-mid.homepage #content .col-2 dl dd a:hover { text-decoration: underline; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl { width: 199px; margin-top: 7px; padding: 0px; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl dt { clear: both; width: 92px; float: left; margin-top: 5px; font-weight: bold; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl dd { width: 100px; float: right; margin-top: 5px; } /* Featured Developments when placed in left column */ #content-wrapper #left #featuredDevelopments div.icon { width: 55px; height: 55px; float: left; margin-right: 10px; overflow: hidden; } #content-wrapper #left #featuredDevelopments div.icon img { } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { float: left; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #0e83a9; } #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #007843; } #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #da7729; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details{ width: 150px;float: left; font-size: 10px; color: #6f6e61; font-weight: bold; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { font-size: 11px; font-weight: bold; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #0e83a9; } #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #007843; } #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #da7729; } #content-wrapper #left #featuredDevelopments div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment{ margin-top: 10px; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker, #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker, #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker { color: #fff; } #featuredDevelopmentsNav div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #featuredDevelopmentsNav div.featuredDevelopment{ margin-top: 10px; } #featuredDevelopmentsNav div.featuredDevelopment.current, #featuredDevelopmentsNav div.featuredDevelopment.section { padding-bottom: 10px; border-bottom: 1px solid #acac9e; width: 250px; background-color: #feffff; padding-top: 10px; padding-left: 10px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentIcon { width: 55px; height: 55px; float: left; margin-right: 10px;overflow: hidden; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentIcon img { width: 55px; height: 55px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails { float: left; position: relative; display: inline; width: 170px;} #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.marker { float: left; color: #007843; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.details{ width: 150px; float: left; font-size: 10px; color: #6f6e61; font-weight: normal; font-style: normal; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.details span.title { font-size: 11px; color: #007843; font-weight: bold; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink:hover .marker, #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink:hover div.details span.title { color: #6f6e61; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks { float: left; margin-top: 10px; width: 150px;} #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a div.marker { float: left; color: #6f6e61; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a div.details { width: 130px; float: left; font-size: 11px; color: #6f6e61; font-weight: bold; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a:hover .marker, #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a:hover .details { color: #acac9e; } #leftadvert { margin-top: 10px; } #LeftAdvertBanner { width: 239px !important; height: 208px !important; border: 0 !important; } #RightAdvertBanner { width: 240px !important; height: 100px !important; border: 0 !important; } /* Layout for Gallery Pages */ #body div.gallerycell { display: inline-table; height: 110px; width: 110px; #display: inline; position: relative; overflow: hidden; text-align: center; background-color: white; margin: 10px; vertical-align: middle; } #body div.gallerythumbnail { #position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; } #body div.gallerythumbnail a img { #position: relative; #top: -50%; #left: -50%; } #body table.gallery { border-spacing: 20px;} #body .gallery td { background-color: #fff; text-align: center; vertical-align: middle; width: 110px; height: 110px; } #content-wrapper #left { display: block; width: 240px; margin: 0 14px 0 0; float: left; } #content-wrapper #widecontent { position: relative; display: block; width: 692px; min-height: 616px; float: right; background: white; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } #content-wrapper #widecontent #heading { display: block; min-height: 37px; position: relative; width: 692px; padding-top: 16px;} #content-wrapper #widecontent #title { display: inline; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; padding-bottom: 5px; margin: 0 !important; float: left;} #content-wrapper #widecontent #subtitle { display: inline; font-size: 18px; color: #acac9e; font-weight: bold; clear:both;} #dev #content-wrapper #widecontent #subtitle { display: block; font-size: 16px; color: #007843; font-weight: normal;} #manage #content-wrapper #widecontent #subtitle { display: block; font-size: 16px; color: #da7729; font-weight: normal; } #content-wrapper #widecontent #heading #backButton { display: inline; float: right; font-size: 10px; text-transform: uppercase; } #content-wrapper #widecontent #heading #backButton a { color: #acac9e; } #content-wrapper #widecontent #heading #backButton a:hover { color: black; } #content-wrapper #widecontent #padding { display: block; height: 84px; position: absolute; width: 38px; background:#acac9e; top: 16px; left: 12px; } #content-wrapper #widecontent #homeheading { display: block; height: 62px; position: relative; width: 648px; padding-top: 32px; margin-left: 38px; padding-left: 18px; } #content-wrapper #widecontent #body { background:#acac9e; position: relative; min-height: 538px; width: 632px; padding: 10px 10px 10px 38px; } #content-wrapper #widecontent #body h1 { font-weight: bold; font-size: 14px; color: black; } #content-wrapper #widecontent #body p { color: white; font-size: 14px; margin-bottom: 10px; text-align: justify; } #content-wrapper #widecontent #body p.pagination { text-align: right; font-size: 10px; } #body p.pagination span.paginationShowing { display: block; } #content-wrapper #body ul { padding-left: 30px; font-size: 14px; color: #fff; margin-bottom: 10px;} #content-wrapper #body ul li { list-style-type: disc; list-style-position: outside; } /* Gallery tweaks */ #content-wrapper #body ul li { list-style-type: disc; list-style-position: outside; } #content-wrapper #body #album-list ul li { list-style-type: none; background-color: #cacabd; } #content-wrapper #body #album-list ul li div.defaultImage a:hover { background-color: #fff; } #content-wrapper #body ul.gallery-layout.loaded li { list-style-type: none; } #content-wrapper #body div.album-nav ul li { list-style-type: none; background-color: #cacabd;} #content-wrapper #body div.album-nav { } /* Management Sub Navigation */ #SubMenuContainer { display: block; height: 43px; position: relative; padding-top: 22px; } ul#SubMenu { display: block; list-style: none;} ul#SubMenu li a { text-decoration: none; } ul#SubMenu li { display: block; list-style: none; width: 108px; height: 43px; float: left; font-size: 11px; text-align: right; font-weight: bold; margin: 0 !important;} ul#SubMenu li a { display: block; width: 98px; height: 30px; margin-top: 4px; border-right: 1px solid #cacabd; text-align: right; padding-right: 8px; padding-top: 2px;} ul#SubMenu li.last { float: right;} ul#SubMenu li.current, ul#SubMenu li.section{ background: #acac9e;} ul#SubMenu li.current:hover, ul#SubMenu li.section:hover { background: #acac9e;} ul#SubMenu li:hover { background: #9d9c8d;} ul#SubMenu li a:hover { color: #000; } #group ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #group ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #0e83a9; font-weight: bold; } #dev ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #dev ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #007843; font-weight: bold; } #manage ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #manage ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #da7729; font-weight: bold; } /* Management Rental List */ div.mmsRentalSummary { background-color: white; margin-bottom: 12px;} div.mmsRentalSummary div.headline { background-color: #da7729; font-size: 14px; line-height: 18px; color: white; padding: 2px 4px; } div.mmsRentalSummary div.headline div.title { display: inline; float: left; } div.mmsRentalSummary div.headline div.viewdetails { display: inline; float: right; } div.mmsRentalSummary div.headline div.viewdetails a { color: white; font-size: 10px; } div.mmsRentalSummary div.icon { display: inline; float: left; padding: 10px;} div.mmsRentalSummary div.details { display: inline; float: left; width: 200px; margin-top: 10px; margin-bottom: 20px;} div.mmsRentalSummary div.details dl { display: inline; } div.mmsRentalSummary div.details dl dt { font-size: 12px; font-weight: bold; color: black; display: inline; clear: left; float: left; width: 75px; } div.mmsRentalSummary div.details dl dd { font-size: 12px; color: black; text-transform: uppercase; } div.mmsRentalSummary div.details dl dd.availability-available-now { font-size: 12px; color: green; font-weight: bold; font-style: italic; } div.mmsRentalSummary div.details dl dd.availability-coming-soon { font-size: 12px; color: orange;} div.mmsRentalSummary div.details dl dd.availability-let { font-size: 12px; color: red;} div.mmsRentalSummary div.features { display: block; clear: both; margin-bottom: 10px; font-size: 12px; color: black; padding-left: 10px;} div.mmsRentalSummary div.features span { margin-right: 10px;} div.mmsRentalSummary div.summary { display: block; float: left; clear: left; padding-left: 10px; padding-right: 10px;} div.mmsRentalSummary div.summary p { font-size: 14px; color: black !important; } /* Management Featured Rental Styles */ #manage #content-wrapper #widecontent #body { padding-left: 38px; width: 644px;} #manage #content-wrapper #widecontent div#gallery { display: inline; position: relative; float: right; width: 356px; margin: 10px; } #main img { border: 1px solid white; } #mini-images span { float: left; width: 87px; text-align: center; } #mini-images span.first { clear: left; } #mini-images span img { border: 1px solid white; } div.mmsbutton { background: url(../images/management_button_bgd.jpg) no-repeat 0 -10px; width: 130px; height: 29px; display: block; text-align: center; color: black; font-size: 11px; font-weight: bold; padding-top: 8px; height: 20px; position: relative; margin-bottom: 20px; } div#requestinfo div.marker { display: inline; line-height: 12px; font-size: 12px; height: 29px; color: white; } div#requestinfo div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 29px; color: white; } div#backlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; } div#backlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#backlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#backlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } div#printlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; margin-right: 10px;} div#printlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#printlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#printlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } div#printlistlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; margin-right: 10px; bottom: 35px; } div#printlistlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#printlistlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#printlistlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } #content-wrapper #widecontent #body #description p { font-size: 12px; color: white; } div.room-spec { display: block; color: black; font-weight: bold; font-size: 12px; } div.room-spec span.type { margin-right: 25px; } div.room-spec span.dimensions { font-style: italic; } .room-desc { display: block; color: white; font-size: 12px; } #reference { display: block; } #reference dl dt { font-size: 12px; font-weight: bold; color: black; display: inline; clear: left; float: left; width: 75px; } #reference dl dd { font-size: 12px; color: white; } #reference dl dd.availability-available-now { font-size: 12px; color: green; font-weight: bold; font-style: italic; text-transform: uppercase;} #reference div.details dl dd.availability-coming-soon { font-size: 12px; color: orange; text-transform: uppercase;} #reference dl dd.availability-let { font-size: 12px; color: red; text-transform: uppercase;} #features { clear: left; display: block; margin-bottom: 10px; padding-top: 10px; color: white; font-size: 12px; } #content-wrapper #widecontent #body #features p#features-title { font-size: 12px; color: black; font-weight: bold; } /* Information Request Forms */ #form1 { background-color: #cacabd; padding: 10px; margin-top: 10px; } #form1 table { width: 100%; } #form1 table td.formLabel { text-align: right; width:200px; vertical-align: middle; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6d6f60; } #form1 table td.formValue { text-align: left; width: 200px;} #form1 table td.formValue textarea { width: 300px; height: 100px;} div#validationMessage { padding: 10px; margin-top: 10px; color: #e00038; font-size: 12px; font-weight: bold; } /* Register Interest Forms */ #form1 td { text-align: left; vertical-align: top; width: 200px; font-size: 12px;} #form1 td span { color: #fff; } #form1 td .label { display: block; color: #6f6e61;} #form1 td #requiredlegend { color: #f00; display: block;} #form1 td .padded{ padding-top: 10px; padding-bottom: 10px; } #form1 td input:focus, #form1 td textarea:focus { border: 2px solid #555; } #form1 td textarea { margin: 2px; border: 2px solid #cacabd; } /* Boyne Terrace on the front page */ div.groupbutton { background: url(../images/group_button_bg.png) no-repeat; width: 161px; height: 46px; display: block; text-align: center; color: black; font-size: 11px; font-weight: bold; } div#boynecloser.groupbutton { padding-top: 17px; height: 29px; position: relative; float: right; margin-bottom: 20px; } div#boynecloser div.marker { display: inline; line-height: 12px; font-size: 12px; height: 29px;} div#boynecloser div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 29px;} div#homebody div#boynefeatures { display: block; clear: both; position: relative; height: 140px; text-align: center; } div#homebody div#boynefeatures img { margin: 0 5px; } /************************ SITEMAP ************************/ #sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/ #sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0; list-style:none !important;} /*1st level items*/ #sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8; } /*2nd level lists*/ #sitemap-list li li {padding:0; margin:0; list-style:none !important; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/ #sitemap-list ul ul {margin-left:10px;padding:5px 10px; background:#fff;} /*3rd level lists*/ #sitemap-list li li li {font-size:11px; font-weight:normal; list-style:none !important;} /*3rd level items*/ /* News / Article Item List */ #content-wrapper #widecontent #body div.newsItemSummary { display: block; padding-bottom: 10px; margin-bottom: 14px; background: #cacabd; } #content-wrapper #widecontent #body div.newsItemSummary div.icon { display: inline; float: left; width: 75px; height: 75px; overflow: hidden; margin: 10px 10px 50px; } /*#content-wrapper #widecontent #body div.newsItemSummary div.icon img { width: 75px; height: 75px; }*/ #content-wrapper #widecontent #body div.newsItemSummary div.heading { display: inline; float: left; width: 520px; padding-top: 10px; padding-bottom: 10px; clear: right;} #content-wrapper #widecontent #body div.newsItemSummary div.heading div.title { font-size: 12px; font-weight: bold; } #group #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #0e83a9; } #dev #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #007843; } #manage #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #da7729; } #group #content-wrapper #widecontent #body div.newsItemSummary div.heading a:hover { color: #000; } #content-wrapper #widecontent #body div.newsItemSummary div.heading div.posted { font-size: 10px; font-weight: bold; color: #6f6e61;} #content-wrapper #widecontent #body div.newsItemSummary div.summary { display: inline; font-size: 11px; margin: 10px; color: #6f6e61; } #content-wrapper #widecontent #body div.newsItemSummary div.continue { display: block; text-align: right; clear: both; font-size: 10px; font-weight: bold; padding-right: 10px;} #group #content-wrapper #widecontent #body div.newsItemSummary div.continue a { color: #0e83a9; } #group #content-wrapper #widecontent #body div.newsItemSummary div.continue a:hover { color: #000; } div#article-icon { display: inline; float: left; position: relative; margin-right: 10px; } /* 3 Column Layout of Left and Middle */ #content-wrapper #left-mid { display: inline-block; float: left; width: 716px;} #content-wrapper #left-mid #content { position: relative; display: inline-block; width: 436px; min-height: 616px; float: right; background: white; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } #content-wrapper #left-mid #content #heading { display: block; height: 37px; position: relative; width: 416px; padding-top: 16px;} #content-wrapper #left-mid #content #heading #title { display: inline; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; } #content-wrapper #left-mid #content #heading #subtitle { display: inline; font-size: 18px; color: #acac9e; font-weight: bold; } #content-wrapper #left-mid #content #headingpadder { display: block; height: 84px; position: absolute; width: 38px; background:#acac9e; top: 16px; left: 12px; } #content-wrapper #left-mid #content #homeheading { display: block; height: 62px; position: relative; width: 378px; padding-top: 32px; margin-left: 38px; padding-left: 18px; } #content-wrapper #left-mid #content #homeheading #title { font-size: 32px; color: black; font-weight: bold; } #content-wrapper #left-mid #content #homeheading #subtitle { font-size: 18px; color: #acac9e; font-weight: bold; } #content-wrapper #left-mid #content #homebody { background:#acac9e; padding: 10px; position: relative; min-height: 495px; width: 416px;} #content-wrapper #left-mid #content #homebody h1 { font-weight: bold; font-size: 14px; color: black; } #content-wrapper #left-mid #content #homebody p { color: white; font-size: 14px; margin-bottom: 5px; margin-top: 15px;} #content-wrapper #left-mid #content #body { background:#acac9e; padding: 10px; position: relative; min-height: 538px; width: 416px;} #content-wrapper #left-mid #content #body h1 { font-weight: bold; font-size: 14px; color: black; margin-bottom: 10px;} #content-wrapper #left-mid #content #body p { color: white; font-size: 14px; margin-bottom: 10px; } /* To Be Deleted #content-wrapper #left-mid #left { display: inline-block; width: 240px; margin: 0 14px 0 0; float: left;} #content-wrapper #left #sub-navigation { margin-bottom: 14px; } */ /* right Column in 3 column view */ #content-wrapper #right { display: inline-block; width: 240px; float: right;} #content-wrapper #right #news { background:#acac9e; min-height: 481px; margin-top: 14px; padding: 14px; } #content-wrapper #right #news #grpFeaturedNews div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews { margin-top: 10px; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { display: inline; float: left; color: #0e83a9; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #dev #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { color: #007843; } #manage #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { color: #da7729; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.details { width: 190px;float: left; font-size: 10px; color: #fff; font-weight: normal; font-style: bold; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.details span.title { font-size: 11px; color: #6f6e61; font-weight: bold; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink:hover div.marker, #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink:hover div.details span.title { color: #000; } /* Footer styles */ #footer-wrapper { width: 1000px; text-align: center; position: relative; margin-bottom: 14px; } #footer-wrapper #footer { text-align: left; font-size: 11px;} #footer-wrapper #footer { display: block; height: 58px; background: #cacabd; } #footer-wrapper #footer #copyright { position: relative; display: block; float: left; width: 200px; margin-top: 22px; color: #9d9c8d; padding-left: 16px;} #footer-wrapper #footer #footer-links { position: relative; display: block; width: 500px; float: right; height: 58px;} #footer-wrapper #footer #footer-links ul { list-style: none; padding: 0; margin: 7px 14px 0 0; float: right;} #footer-wrapper #footer #footer-links ul li { display: block; list-style: none; width: 108px; height: 43px; float: left; } #footer-wrapper #footer #footer-links ul li a { display: block; width: 98px; height: 30px; margin-top: 7px; border-right: 1px solid #9d9c8d; text-align: right; padding-right: 8px; padding-top: 2px; color: #9d9c8d;} #footer-wrapper #footer #footer-links ul li.last a {border-right: 0;} #footer-wrapper #footer #footer-links ul li a:hover {color: black;} /* 'widths' sub menu */ #layoutdims { clear: both; background: #eee; border-top: 4px solid #000; margin: 0; padding: 6px 15px !important; text-align: right; } /* Two Column Content Pages */ #content-wrapper #widecontent.information-page { width: 676px; min-height: 460px; padding: 20px; } #content-wrapper #widecontent.information-page #heading { padding: 0px; } #content-wrapper #widecontent.information-page #title { float: none; margin: 0px; } #content-wrapper #widecontent.information-page #subheading { margin: 4px 0 0 0; font-size: 12px; color: #67675d; } #content-wrapper #widecontent.information-page #body { width: 676px !important; min-height: 460px; background: none; padding: 20px 0 0 0 !important; font-size: 13px; color: #231f20; } #content-wrapper #widecontent.information-page #body a { color: #05A9AC; font-weight: bold; text-decoration: underline; } #content-wrapper #widecontent.information-page #body a:hover { color: #085b76; } #manage #content-wrapper #widecontent.information-page #body a { color: #da7628; } #manage #content-wrapper #widecontent.information-page #body a:hover { color: #c45e0e; } #dev #content-wrapper #widecontent.information-page #body a { color: #1FA76A; } #dev #content-wrapper #widecontent.information-page #body a:hover { color: #015832; } #content-wrapper #widecontent.information-page #body h3 { margin: 9px 0 5px 0; font-size: 14px; color: #3a3939; font-weight: bold; text-transform: uppercase; } #content-wrapper #widecontent.information-page #body p { margin: 0 0 21px 0; font-size: 13px; color: #231f20; } #content-wrapper #widecontent.information-page #body p strong { font-weight: bold; } #content-wrapper #widecontent.information-page #body p.call-to-action { width: 624px; background: url(../images/content_call-to-action-group-bg.png) repeat-x #0e82a8 0 100%; margin: 0px; padding: 12px 24px; color: #FFFFFF; border: 2px solid #0b6988; } #manage #content-wrapper #widecontent.information-page #body p.callToAction { width: 624px; background: #da7728 url(../images/content_call-to-action-bg.png) repeat-x 0 100%; margin: 0px; padding: 12px 24px; color: #FFFFFF; border: 2px solid #c45e0e; } #dev #content-wrapper #widecontent.information-page #body p.call-to-action { background-image: url(../images/content_call-to-action-development-bg.png); background-color: #007743; border: 2px solid #015b33; } #content-wrapper #widecontent.information-page #body p.callToAction a { color: #010101; } #content-wrapper #widecontent.information-page #body p.callToAction a:hover { color: #000000; } #content-wrapper #widecontent.information-page #body img { width: 240px; height: 125px; background: #cacabd; position: relative; bottom: 54px; float: right; margin: 0 0 -42px 25px; padding: 1px; border: 1px solid #929083; } #content-wrapper #widecontent.information-page #body ul { width: 592px; background: url(../images/content_information-list-bg.png) repeat-x #bfbfb2 0 100%; margin: 0 auto 30px auto; padding: 10px 16px 14px 18px; text-align: center; color: #63635b; } #content-wrapper #widecontent.information-page #body ul li { background: url(../images/content_information-bullet.png) no-repeat 0 6px; list-style: none; margin: 7px 0; padding-left: 20px; text-align: left; font-size: 13px; color: #373735; display: block; } #content-wrapper #widecontent.information-page #body ul li strong { font-weight: bold; } /* @override http://www.mevanna.com/themes/mevanna/css/layout.css */ /* @override http://silverstripe.mevanna.com/themes/mevanna/css/layout.css http://sandbox.mevanna.com/themes/mevanna/css/layout.css http://www.mevanna.com/themes/mevanna/css/layout.css */ /* General styles */ /* [Start] Resets */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.2; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* [End] Resets */ /* border: 0; This removes the border around the viewport in old versions of IE */ /* The min-width property does not work in old versions of Internet Explorer */ body { width: 100%; background: #acac9e; min-width: 1024px; font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;} div.clear { clear: left; visibility: hidden; line-height: 0; } .hidden { display: none; } a { color: #6d6f60; text-decoration: none;} a:hover { color: #000; cursor: pointer;} /* Layout Styles */ #body-wrapper { height: 100%; width: 1000px; margin: 0 auto; text-align: center; position: relative; padding: 0 12px;} #wrapper { text-align: left; } /* Header styles */ #header { clear: both; float: left; width: 100%; } #header #accountnav { background: #cacabd; margin-bottom: 12px; width: 1000px; height: 32px; } #header #accountnav a { font-size: 11px; color: #6f6e61; font-weight: bold; } #header #accountnav a:hover { font-size: 11px; color: black; font-weight: bold; } #header #accountnav #login { display: block; width: 100px; margin-top: 5px; float: right; } #header #accountnav #register { display: block; width: 70px; margin-top: 5px; float: right; } #header #accountnav #breadcrumbs { display: block; width: 800px; float: left; font-wieght: bold; color: #acac9e; font-size: 11px; font-weight: bold; margin-top: 10px; margin-left: 10px; } #header #accountnav #breadcrumbs span.B_crumbBox span.B_lastCrumb { color: #fff; } #header #masthead { position: relative; display: block; width: 1000px; margin: 0 0 28px; } #masthead img#logo { } #myMasthead { width: 735px !important; height: 165px !important; border: 0 !important; float: right; position: absolute; right: 0; top: 0; } #header #main-navigation { display: block; position: relative; width: 1000px;} #header #main-navigation #nav-pad { display: block; width: 12px; float: left;} #header #main-navigation ul { display: block; list-style: none; float: right; width: 988px;} #header #main-navigation ul li { display: block; list-style: none; width: 108px; height: 43px; float: left; font-size: 11px; text-align: right; font-weight: bold; } #header #main-navigation ul li a { color: #fff; display: block; width: 98px; height: 30px; margin-top: 4px; border-right: 1px solid #cacabd; text-align: right; padding-right: 8px; padding-top: 2px;} #header #main-navigation ul li.last { float: right;} #header #main-navigation ul li.current, #header #main-navigation ul li.section{ background: #cacabd;} #header #main-navigation ul li.current:hover, #header #main-navigation ul li.section:hover { background: #cacabd;} #header #main-navigation ul li:hover { background: #9d9c8d;} #header #main-navigation ul li a:hover { color: #000; } #group #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #group #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #0e83a9; font-weight: bold; } #dev #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #dev #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #007843; font-weight: bold; } #manage #header #main-navigation ul li.current a,#header #main-navigation ul li.current a:hover, #manage #header #main-navigation ul li.section a,#header #main-navigation ul li.section a:hover { color: #da7729; font-weight: bold; } #group .highlight { color: #0e83a9; } #dev .highlight { color: #007843; } #manage .highlight { color: #da7729; } /* Content Section */ #content-wrapper { display: -moz-inline-block; } #content-wrapper { display: inline-block; width: 972px; position: relative; background: #cacabd; margin-bottom: 12px; padding: 14px; text-align: left;} /*#content-wrapper div { border: 1px; border-style: solid; margin: -1px;}*/ /* #content-wrapper #content { position: relative; display: inline-block; width: 702px; float: right; background-color: white;} */ /*#content-wrapper #left { display: inline-block; width: 240px; margin: 0 14px 0 0; float: left;} */ /* Changes for new style home page */ #content-wrapper #left-mid.homepage { width: 972px; } #content-wrapper #left-mid.homepage #content { width: 715px; background: none; padding-right: 0px; padding-left: 0px; } #content-wrapper #left-mid.homepage #content .col-1, #content-wrapper #left-mid.homepage #content .col-2 { background: #FFFFFF; min-height: 335px; margin-top: 14px; padding: 10px; } #content-wrapper #left-mid.homepage #content .col-1 { width: 440px; float: left; } #content-wrapper #left-mid.homepage #content .col-2 { width: 220px; float: right; } #content-wrapper #left-mid.homepage #content .col-1 h2, #content-wrapper #left-mid.homepage #content .col-2 h2 { margin: 4px 0; font-size: 15px; color: #231f20; text-transform: uppercase; } #content-wrapper #left-mid.homepage #content .col-1 h2 strong, #content-wrapper #left-mid.homepage #content .col-2 h2 { font-weight: bolder; } #content-wrapper #left-mid.homepage #content .col-1 p, #content-wrapper #left-mid.homepage #content .col-1 p a, #content-wrapper #left-mid.homepage #content .col-2 p, #content-wrapper #left-mid.homepage #content .col-2 p a { margin: 0px !important; font-size: 12px; color: #231f20; } #content-wrapper #left-mid.homepage #content .col-1 p a:hover, #content-wrapper #left-mid.homepage #content .col-2 p a:hover { text-decoration: underline; } #content-wrapper #left-mid.homepage #content .col-1 p a img { margin-top: 16px; display: block; } #content-wrapper #left-mid.homepage #content .col-2 p { padding-bottom: 16px; } #content-wrapper #left-mid.homepage #content .col-2 dl { width: 199px; background: #acac9e; margin: 0 auto; padding: 10px; text-align: center; display: block; } #content-wrapper #left-mid.homepage #content .col-2 dl dt, #content-wrapper #left-mid.homepage #content .col-2 dl dd { text-align: left; font-size: 12px; color: #231f20; } #content-wrapper #left-mid.homepage #content .col-2 dl dt a img { max-width: 197px; max-height: 146px; margin-bottom: 10px; border: 1px solid #8f8f82; } #content-wrapper #left-mid.homepage #content .col-2 dl dd a { color: #231f20; font-weight: bold; } #content-wrapper #left-mid.homepage #content .col-2 dl dd a:hover { text-decoration: underline; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl { width: 199px; margin-top: 7px; padding: 0px; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl dt { clear: both; width: 92px; float: left; margin-top: 5px; font-weight: bold; } #content-wrapper #left-mid.homepage #content .col-2 dl dd dl dd { width: 100px; float: right; margin-top: 5px; } /* Featured Developments when placed in left column */ #content-wrapper #left #featuredDevelopments div.icon { width: 55px; height: 55px; float: left; margin-right: 10px; overflow: hidden; } #content-wrapper #left #featuredDevelopments div.icon img { } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { float: left; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #0e83a9; } #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #007843; } #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.marker { color: #da7729; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details{ width: 150px;float: left; font-size: 10px; color: #6f6e61; font-weight: bold; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { font-size: 11px; font-weight: bold; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #0e83a9; } #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #007843; } #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment div.details span.title { color: #da7729; } #content-wrapper #left #featuredDevelopments div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #content-wrapper #left #featuredDevelopments div.featuredDevelopment{ margin-top: 10px; } #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #group #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker, #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #manage #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker, #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .title, #dev #content-wrapper #left #featuredDevelopments div.featuredDevelopment a.featurelink:hover .marker { color: #fff; } #featuredDevelopmentsNav div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #featuredDevelopmentsNav div.featuredDevelopment{ margin-top: 10px; } #featuredDevelopmentsNav div.featuredDevelopment.current, #featuredDevelopmentsNav div.featuredDevelopment.section { padding-bottom: 10px; border-bottom: 1px solid #acac9e; width: 250px; background-color: #feffff; padding-top: 10px; padding-left: 10px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentIcon { width: 55px; height: 55px; float: left; margin-right: 10px;overflow: hidden; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentIcon img { width: 55px; height: 55px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails { float: left; position: relative; display: inline; width: 170px;} #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.marker { float: left; color: #007843; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.details{ width: 150px; float: left; font-size: 10px; color: #6f6e61; font-weight: normal; font-style: normal; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink div.details span.title { font-size: 11px; color: #007843; font-weight: bold; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink:hover .marker, #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails a.featurelink:hover div.details span.title { color: #6f6e61; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks { float: left; margin-top: 10px; width: 150px;} #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a div.marker { float: left; color: #6f6e61; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a div.details { width: 130px; float: left; font-size: 11px; color: #6f6e61; font-weight: bold; } #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a:hover .marker, #featuredDevelopmentsNav div.featuredDevelopment div.developmentDetails div.developmentLinks div.sublink a:hover .details { color: #acac9e; } #leftadvert { margin-top: 10px; } #LeftAdvertBanner { width: 239px !important; height: 208px !important; border: 0 !important; } #RightAdvertBanner { width: 240px !important; height: 100px !important; border: 0 !important; } /* Layout for Gallery Pages */ #body div.gallerycell { display: inline-table; height: 110px; width: 110px; #display: inline; position: relative; overflow: hidden; text-align: center; background-color: white; margin: 10px; vertical-align: middle; } #body div.gallerythumbnail { #position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; } #body div.gallerythumbnail a img { #position: relative; #top: -50%; #left: -50%; } #body table.gallery { border-spacing: 20px;} #body .gallery td { background-color: #fff; text-align: center; vertical-align: middle; width: 110px; height: 110px; } #content-wrapper #left { display: block; width: 240px; margin: 0 14px 0 0; float: left; } #content-wrapper #widecontent { position: relative; display: block; width: 692px; min-height: 616px; float: right; background: white; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } #content-wrapper #widecontent #heading { display: block; min-height: 37px; position: relative; width: 692px; padding-top: 16px;} #content-wrapper #widecontent #title { display: inline; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; padding-bottom: 5px; margin: 0 !important; float: left;} #content-wrapper #widecontent #subtitle { display: inline; font-size: 18px; color: #acac9e; font-weight: bold; clear:both;} #dev #content-wrapper #widecontent #subtitle { display: block; font-size: 16px; color: #007843; font-weight: normal;} #manage #content-wrapper #widecontent #subtitle { display: block; font-size: 16px; color: #da7729; font-weight: normal; } #content-wrapper #widecontent #heading #backButton { display: inline; float: right; font-size: 10px; text-transform: uppercase; } #content-wrapper #widecontent #heading #backButton a { color: #acac9e; } #content-wrapper #widecontent #heading #backButton a:hover { color: black; } #content-wrapper #widecontent #padding { display: block; height: 84px; position: absolute; width: 38px; background:#acac9e; top: 16px; left: 12px; } #content-wrapper #widecontent #homeheading { display: block; height: 62px; position: relative; width: 648px; padding-top: 32px; margin-left: 38px; padding-left: 18px; } #content-wrapper #widecontent #body { background:#acac9e; position: relative; min-height: 538px; width: 632px; padding: 10px 10px 10px 38px; } #content-wrapper #widecontent #body h1 { font-weight: bold; font-size: 14px; color: black; } #content-wrapper #widecontent #body p { color: white; font-size: 14px; margin-bottom: 10px; text-align: justify; } #content-wrapper #widecontent #body p.pagination { text-align: right; font-size: 10px; } #body p.pagination span.paginationShowing { display: block; } #content-wrapper #body ul { padding-left: 30px; font-size: 14px; color: #fff; margin-bottom: 10px;} #content-wrapper #body ul li { list-style-type: disc; list-style-position: outside; } /* Gallery tweaks */ #content-wrapper #body ul li { list-style-type: disc; list-style-position: outside; } #content-wrapper #body #album-list ul li { list-style-type: none; background-color: #cacabd; } #content-wrapper #body #album-list ul li div.defaultImage a:hover { background-color: #fff; } #content-wrapper #body ul.gallery-layout.loaded li { list-style-type: none; } #content-wrapper #body div.album-nav ul li { list-style-type: none; background-color: #cacabd;} #content-wrapper #body div.album-nav { } /* Management Sub Navigation */ #SubMenuContainer { display: block; height: 43px; position: relative; padding-top: 22px; } ul#SubMenu { display: block; list-style: none;} ul#SubMenu li a { text-decoration: none; } ul#SubMenu li { display: block; list-style: none; width: 108px; height: 43px; float: left; font-size: 11px; text-align: right; font-weight: bold; margin: 0 !important;} ul#SubMenu li a { display: block; width: 98px; height: 30px; margin-top: 4px; border-right: 1px solid #cacabd; text-align: right; padding-right: 8px; padding-top: 2px;} ul#SubMenu li.last { float: right;} ul#SubMenu li.current, ul#SubMenu li.section{ background: #acac9e;} ul#SubMenu li.current:hover, ul#SubMenu li.section:hover { background: #acac9e;} ul#SubMenu li:hover { background: #9d9c8d;} ul#SubMenu li a:hover { color: #000; } #group ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #group ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #0e83a9; font-weight: bold; } #dev ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #dev ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #007843; font-weight: bold; } #manage ul#SubMenu li.current a, ul#SubMenu li.current a:hover, #manage ul#SubMenu li.section a, ul#SubMenu li.section a:hover { color: #da7729; font-weight: bold; } /* Management Rental List */ div.mmsRentalSummary { background-color: white; margin-bottom: 12px;} div.mmsRentalSummary div.headline { background-color: #da7729; font-size: 14px; line-height: 18px; color: white; padding: 2px 4px; } div.mmsRentalSummary div.headline div.title { display: inline; float: left; } div.mmsRentalSummary div.headline div.viewdetails { display: inline; float: right; } div.mmsRentalSummary div.headline div.viewdetails a { color: white; font-size: 10px; } div.mmsRentalSummary div.icon { display: inline; float: left; padding: 10px;} div.mmsRentalSummary div.details { display: inline; float: left; width: 200px; margin-top: 10px; margin-bottom: 20px;} div.mmsRentalSummary div.details dl { display: inline; } div.mmsRentalSummary div.details dl dt { font-size: 12px; font-weight: bold; color: black; display: inline; clear: left; float: left; width: 75px; } div.mmsRentalSummary div.details dl dd { font-size: 12px; color: black; text-transform: uppercase; } div.mmsRentalSummary div.details dl dd.availability-available-now { font-size: 12px; color: green; font-weight: bold; font-style: italic; } div.mmsRentalSummary div.details dl dd.availability-coming-soon { font-size: 12px; color: orange;} div.mmsRentalSummary div.details dl dd.availability-let { font-size: 12px; color: red;} div.mmsRentalSummary div.features { display: block; clear: both; margin-bottom: 10px; font-size: 12px; color: black; padding-left: 10px;} div.mmsRentalSummary div.features span { margin-right: 10px;} div.mmsRentalSummary div.summary { display: block; float: left; clear: left; padding-left: 10px; padding-right: 10px;} div.mmsRentalSummary div.summary p { font-size: 14px; color: black !important; } /* Management Featured Rental Styles */ #manage #content-wrapper #widecontent #body { padding-left: 38px; width: 644px;} #manage #content-wrapper #widecontent div#gallery { display: inline; position: relative; float: right; width: 356px; margin: 10px; } #main img { border: 1px solid white; } #mini-images span { float: left; width: 87px; text-align: center; } #mini-images span.first { clear: left; } #mini-images span img { border: 1px solid white; } div.mmsbutton { background: url(../images/management_button_bgd.jpg) no-repeat 0 -10px; width: 130px; height: 29px; display: block; text-align: center; color: black; font-size: 11px; font-weight: bold; padding-top: 8px; height: 20px; position: relative; margin-bottom: 20px; } div#requestinfo div.marker { display: inline; line-height: 12px; font-size: 12px; height: 29px; color: white; } div#requestinfo div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 29px; color: white; } div#backlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; } div#backlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#backlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#backlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } div#printlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; margin-right: 10px;} div#printlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#printlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#printlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } div#printlistlink { display: block; position: relative; width: 80px; height: 20px; overflow: hidden; float: right; margin-top: 10px; z-index: 100; margin-right: 10px; bottom: 35px; } div#printlistlink div.mmsbutton { width: 80px; background: url(../images/management_button_bgd.jpg) no-repeat -30px -10px; height: 20px; padding-top: 3px;} div#printlistlink div.marker { display: inline; line-height: 12px; font-size: 12px; height: 20px; color: white; } div#printlistlink div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 20px; color: white; } #content-wrapper #widecontent #body #description p { font-size: 12px; color: white; } div.room-spec { display: block; color: black; font-weight: bold; font-size: 12px; } div.room-spec span.type { margin-right: 25px; } div.room-spec span.dimensions { font-style: italic; } .room-desc { display: block; color: white; font-size: 12px; } #reference { display: block; } #reference dl dt { font-size: 12px; font-weight: bold; color: black; display: inline; clear: left; float: left; width: 75px; } #reference dl dd { font-size: 12px; color: white; } #reference dl dd.availability-available-now { font-size: 12px; color: green; font-weight: bold; font-style: italic; text-transform: uppercase;} #reference div.details dl dd.availability-coming-soon { font-size: 12px; color: orange; text-transform: uppercase;} #reference dl dd.availability-let { font-size: 12px; color: red; text-transform: uppercase;} #features { clear: left; display: block; margin-bottom: 10px; padding-top: 10px; color: white; font-size: 12px; } #content-wrapper #widecontent #body #features p#features-title { font-size: 12px; color: black; font-weight: bold; } /* Information Request Forms */ #form1 { background-color: #cacabd; padding: 10px; margin-top: 10px; } #form1 table { width: 100%; } #form1 table td.formLabel { text-align: right; width:200px; vertical-align: middle; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6d6f60; } #form1 table td.formValue { text-align: left; width: 200px;} #form1 table td.formValue textarea { width: 300px; height: 100px;} div#validationMessage { padding: 10px; margin-top: 10px; color: #e00038; font-size: 12px; font-weight: bold; } /* Register Interest Forms */ #form1 td { text-align: left; vertical-align: top; width: 200px; font-size: 12px;} #form1 td span { color: #fff; } #form1 td .label { display: block; color: #6f6e61;} #form1 td #requiredlegend { color: #f00; display: block;} #form1 td .padded{ padding-top: 10px; padding-bottom: 10px; } #form1 td input:focus, #form1 td textarea:focus { border: 2px solid #555; } #form1 td textarea { margin: 2px; border: 2px solid #cacabd; } /* Boyne Terrace on the front page */ div.groupbutton { background: url(../images/group_button_bg.png) no-repeat; width: 161px; height: 46px; display: block; text-align: center; color: black; font-size: 11px; font-weight: bold; } div#boynecloser.groupbutton { padding-top: 17px; height: 29px; position: relative; float: right; margin-bottom: 20px; } div#boynecloser div.marker { display: inline; line-height: 12px; font-size: 12px; height: 29px;} div#boynecloser div.buttontext { display: inline; line-height: normal; font-size: 10px; height: 29px;} div#homebody div#boynefeatures { display: block; clear: both; position: relative; height: 140px; text-align: center; } div#homebody div#boynefeatures img { margin: 0 5px; } /************************ SITEMAP ************************/ #sitemap-list {padding:0 0 0 10px; margin:0; list-style:none; font-weight:bold; line-height:150%} /*1st level list*/ #sitemap-list li {padding:10px; margin-top:10px; font-size:13px; background:#f0f0f0; list-style:none !important;} /*1st level items*/ #sitemap-list ul {margin:5px 10px 5px 10px; padding:5px 10px; font-weight:normal; background:#f8f8f8; } /*2nd level lists*/ #sitemap-list li li {padding:0; margin:0; list-style:none !important; font-weight:bold; font-size:11px; line-height:18px; background:none} /*2nd level items*/ #sitemap-list ul ul {margin-left:10px;padding:5px 10px; background:#fff;} /*3rd level lists*/ #sitemap-list li li li {font-size:11px; font-weight:normal; list-style:none !important;} /*3rd level items*/ /* News / Article Item List */ #content-wrapper #widecontent #body div.newsItemSummary { display: block; padding-bottom: 10px; margin-bottom: 14px; background: #cacabd; } #content-wrapper #widecontent #body div.newsItemSummary div.icon { display: inline; float: left; width: 75px; height: 75px; overflow: hidden; margin: 10px 10px 50px; } /*#content-wrapper #widecontent #body div.newsItemSummary div.icon img { width: 75px; height: 75px; }*/ #content-wrapper #widecontent #body div.newsItemSummary div.heading { display: inline; float: left; width: 520px; padding-top: 10px; padding-bottom: 10px; clear: right;} #content-wrapper #widecontent #body div.newsItemSummary div.heading div.title { font-size: 12px; font-weight: bold; } #group #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #0e83a9; } #dev #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #007843; } #manage #content-wrapper #widecontent #body div.newsItemSummary div.heading a { color: #da7729; } #group #content-wrapper #widecontent #body div.newsItemSummary div.heading a:hover { color: #000; } #content-wrapper #widecontent #body div.newsItemSummary div.heading div.posted { font-size: 10px; font-weight: bold; color: #6f6e61;} #content-wrapper #widecontent #body div.newsItemSummary div.summary { display: inline; font-size: 11px; margin: 10px; color: #6f6e61; } #content-wrapper #widecontent #body div.newsItemSummary div.continue { display: block; text-align: right; clear: both; font-size: 10px; font-weight: bold; padding-right: 10px;} #group #content-wrapper #widecontent #body div.newsItemSummary div.continue a { color: #0e83a9; } #group #content-wrapper #widecontent #body div.newsItemSummary div.continue a:hover { color: #000; } div#article-icon { display: inline; float: left; position: relative; margin-right: 10px; } /* 3 Column Layout of Left and Middle */ #content-wrapper #left-mid { display: inline-block; float: left; width: 716px;} #content-wrapper #left-mid #content { position: relative; display: inline-block; width: 436px; min-height: 616px; float: right; background: white; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; } #content-wrapper #left-mid #content #heading { display: block; height: 37px; position: relative; width: 416px; padding-top: 16px;} #content-wrapper #left-mid #content #heading #title { display: inline; text-transform: uppercase; font-size: 18px; color: black; font-weight: bold; } #content-wrapper #left-mid #content #heading #subtitle { display: inline; font-size: 18px; color: #acac9e; font-weight: bold; } #content-wrapper #left-mid #content #headingpadder { display: block; height: 84px; position: absolute; width: 38px; background:#acac9e; top: 16px; left: 12px; } #content-wrapper #left-mid #content #homeheading { display: block; height: 62px; position: relative; width: 378px; padding-top: 32px; margin-left: 38px; padding-left: 18px; } #content-wrapper #left-mid #content #homeheading #title { font-size: 32px; color: black; font-weight: bold; } #content-wrapper #left-mid #content #homeheading #subtitle { font-size: 18px; color: #acac9e; font-weight: bold; } #content-wrapper #left-mid #content #homebody { background:#acac9e; padding: 10px; position: relative; min-height: 495px; width: 416px;} #content-wrapper #left-mid #content #homebody h1 { font-weight: bold; font-size: 14px; color: black; } #content-wrapper #left-mid #content #homebody p { color: white; font-size: 14px; margin-bottom: 5px; margin-top: 15px;} #content-wrapper #left-mid #content #body { background:#acac9e; padding: 10px; position: relative; min-height: 538px; width: 416px;} #content-wrapper #left-mid #content #body h1 { font-weight: bold; font-size: 14px; color: black; margin-bottom: 10px;} #content-wrapper #left-mid #content #body p { color: white; font-size: 14px; margin-bottom: 10px; } /* To Be Deleted #content-wrapper #left-mid #left { display: inline-block; width: 240px; margin: 0 14px 0 0; float: left;} #content-wrapper #left #sub-navigation { margin-bottom: 14px; } */ /* right Column in 3 column view */ #content-wrapper #right { display: inline-block; width: 240px; float: right;} #content-wrapper #right #news { background:#acac9e; min-height: 481px; margin-top: 14px; padding: 14px; } #content-wrapper #right #news #grpFeaturedNews div#title { text-transform: uppercase; font-weight: bold; font-size: 14px; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews { margin-top: 10px; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { display: inline; float: left; color: #0e83a9; font-weight: bold; font-size: 14px; margin-right: 10px; line-height: 9px; } #dev #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { color: #007843; } #manage #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.marker { color: #da7729; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.details { width: 190px;float: left; font-size: 10px; color: #fff; font-weight: normal; font-style: bold; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink div.details span.title { font-size: 11px; color: #6f6e61; font-weight: bold; } #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink:hover div.marker, #content-wrapper #right #news #grpFeaturedNews div.featuredNews a.featuredlink:hover div.details span.title { color: #000; } /* Footer styles */ #footer-wrapper { width: 1000px; text-align: center; position: relative; margin-bottom: 14px; } #footer-wrapper #footer { text-align: left; font-size: 11px;} #footer-wrapper #footer { display: block; height: 58px; background: #cacabd; } #footer-wrapper #footer #copyright { position: relative; display: block; float: left; width: 200px; margin-top: 22px; color: #9d9c8d; padding-left: 16px;} #footer-wrapper #footer #footer-links { position: relative; display: block; width: 500px; float: right; height: 58px;} #footer-wrapper #footer #footer-links ul { list-style: none; padding: 0; margin: 7px 14px 0 0; float: right;} #footer-wrapper #footer #footer-links ul li { display: block; list-style: none; width: 108px; height: 43px; float: left; } #footer-wrapper #footer #footer-links ul li a { display: block; width: 98px; height: 30px; margin-top: 7px; border-right: 1px solid #9d9c8d; text-align: right; padding-right: 8px; padding-top: 2px; color: #9d9c8d;} #footer-wrapper #footer #footer-links ul li.last a {border-right: 0;} #footer-wrapper #footer #footer-links ul li a:hover {color: black;} /* 'widths' sub menu */ #layoutdims { clear: both; background: #eee; border-top: 4px solid #000; margin: 0; padding: 6px 15px !important; text-align: right; } /* Two Column Content Pages */ #content-wrapper #widecontent.information-page { width: 676px; min-height: 460px; padding: 20px; } #content-wrapper #widecontent.information-page #heading { padding: 0px; } #content-wrapper #widecontent.information-page #title { float: none; margin: 0px; } #content-wrapper #widecontent.information-page #subheading { margin: 4px 0 0 0; font-size: 12px; color: #67675d; } #content-wrapper #widecontent.information-page #body { width: 676px !important; min-height: 460px; background: none; padding: 20px 0 0 0 !important; font-size: 13px; color: #231f20; } #content-wrapper #widecontent.information-page #body a { color: #05A9AC; font-weight: bold; text-decoration: underline; } #content-wrapper #widecontent.information-page #body a:hover { color: #085b76; } #manage #content-wrapper #widecontent.information-page #body a { color: #f89f23; } #manage #content-wrapper #widecontent.information-page #body a:hover { color: #a95012; } #dev #content-wrapper #widecontent.information-page #body a { color: #1FA76A; } #dev #content-wrapper #widecontent.information-page #body a:hover { color: #015832; } #content-wrapper #widecontent.information-page #body h3 { margin: 9px 0 5px 0; font-size: 14px; color: #3a3939; font-weight: bold; text-transform: uppercase; } #content-wrapper #widecontent.information-page #body p { margin: 0 0 21px 0; font-size: 13px; color: #231f20; } #content-wrapper #widecontent.information-page #body p strong { font-weight: bold; } #content-wrapper #widecontent.information-page #body p.call-to-action { width: 624px; background: url(../images/content_call-to-action-group-bg.png) repeat-x #0e82a8 0 100%; margin: 0px; padding: 12px 24px; color: #FFFFFF; border: 2px solid #0b6988; } #manage #content-wrapper #widecontent.information-page #body p.callToAction { width: 624px; background: #da7728 url(../images/content_call-to-action-bg.png) repeat-x 0 100%; margin: 0px; padding: 12px 24px; color: #FFFFFF; border: 2px solid #c45e0e; } #dev #content-wrapper #widecontent.information-page #body p.call-to-action { background-image: url(../images/content_call-to-action-development-bg.png); background-color: #007743; border: 2px solid #015b33; } #content-wrapper #widecontent.information-page #body p.callToAction a { color: #010101; } #content-wrapper #widecontent.information-page #body p.callToAction a:hover { color: #000000; } #content-wrapper #widecontent.information-page #body img { width: 240px; height: 125px; background: #cacabd; position: relative; bottom: 54px; float: right; margin: 0 0 -42px 25px; padding: 1px; border: 1px solid #929083; } #content-wrapper #widecontent.information-page #body ul { width: 592px; background: url(../images/content_information-list-bg.png) repeat-x #bfbfb2 0 100%; margin: 0 auto 30px auto; padding: 10px 16px 14px 18px; text-align: center; color: #63635b; } #content-wrapper #widecontent.information-page #body ul li { background: url(../images/content_information-bullet.png) no-repeat 0 6px; list-style: none; margin: 7px 0; padding-left: 20px; text-align: left; font-size: 13px; color: #373735; display: block; } #content-wrapper #widecontent.information-page #body ul li strong { font-weight: bold; }