/* ####################################### */ /* ############### =GENERAL ############## */ /* ####################################### */ /* Background for tag body { background: url(/images/) repeat 0 0; } */ div.e-head-pre, div.e-head, div.e-navigation-primary, div.e-navigation-primary, div.a-body-wrap, div.e-inner-foot, div.e-foot, div.e-new-footer, div.e-old-footer { width: 764px; margin: 0 auto; } /* ####################################### */ /* ############### =COLUMNS ############## */ /* ####################################### */ /* ++NB: avoid placing margins in the direction of the float as IE will double these values! */ /* Dimensions & Bg for LHC div.e-wrapper div.e-panel-a { width : ; padding : 0 0 0 0; margin : 0 0 0 0; border : ; background: url(/images/) repeat 0 0; } */ div.e-wrapper div.e-panel-b { width : 345px; padding : 25px 25px 10px 25px; margin : 0; float: left; } div.e-wrapper div.e-panel-c { width : 364px; padding : 0; margin : 0; float: right; } div.e-wrapper div.a-panel-c div.e-house-summary { padding: 0 25px; } /* ####################################### */ /* ############### =HEAD-PRE ############# */ /* ####################################### */ /* Background for head-pre wrapper div div.e-head-pre-wrap { background: url(/images/) repeat 0 0; } */ /* Background for head-pre div div.e-head-pre { background: url(/images/) repeat 0 0; } */ /* ####################################### */ /* ################ =HEAD ################ */ /* ####################################### */ /* Background for head wrapper div div.e-head-wrap { background: url(/images/) repeat 0 0; } */ div.e-head { background: #feefdc; padding: 0 12px 1.25em 25px; width: 727px; overflow: hidden; } .e-site-meta { padding: 1.3333333333333333333333333333333em 0 0 0; color: #A7A9AC; overflow: hidden; width: 100%; } .e-site-meta p.date-time { margin: 0; float: right; } .e-site-meta .vcard p { position: absolute; left: -9999px; top: 0; } .e-site-meta .vcard p.tel { position: static; margin: 0 0 0 20px; float: right; font-weight: bold; } div.e-common-site_logo { float: left; clear: left; margin-top: 2.5em; } div.e-property-thumbs { padding-top: 1.3333333333333333333333333333333em; float: right; clear: right; width: 410px; } div.e-property-thumbs ul { margin: 0; padding: 0; list-style: none; } div.e-property-thumbs ul li { float: right; margin-left: 5px; } div.e-property-thumbs ul li a:link, div.e-property-thumbs ul li a:visited { display: block; } div.e-property-thumbs ul li img { display: block; } /* ####################################### */ /* ############## IMAGE BOX ############## */ /* ####################################### */ /* Background for image/branding box wrapper div .e-image-wrap { background: url(/images/) repeat 0 0; } */ /* Image Box inner container .e-image { } */ /* ####################################### */ /* ################# BODY ################ */ /* ####################################### */ /* div.e-body-wrap { background: url(/images/) repeat 0 0; } */ .awards { margin: 0; padding: 0; list-style: none; overflow: hidden; } .awards li { float: left; width: 53px; height: 77px; background-position: 0 0; background-repeat: no-repeat; margin: 0 5px 10px 0; text-indent: -9999px; } .five-star-award { background-image: url(/images/ee_5_star.jpg); } .gold-award { background-image: url(/images/ee_gold_award.jpg); } .e-contact-footer { margin-top: 2em; } .e-contact-footer p { font-size: 1.1666666666666666666666666666667em; color: #a7a9ac; margin: 0; font-weight: bold; } .e-contact-footer p span { display: block; } div.a-body-wrap { background: url(/images/faux_column.gif) repeat-y 0 0; } /* OVERIDES ------------------------------------------------*/ #body-floor-plan, #body-gallery, #body-availability { background: 0; /*overide the faux column*/ } #body-floor-plan div.e-panel-b, #body-gallery div.e-panel-b, #body-availability div.e-panel-b { width: 714px; } body.subsection-directions div.a-body-wrap, body.subsection-floor-plan div.a-body-wrap, body.section-gallery div.a-body-wrap, body.section-availability div.a-body-wrap, body.section-privacy-policy div.a-body-wrap { background: 0; /*overide the faux column*/ } body.subsection-directions div.e-panel-b, body.subsection-floor-plan div.e-panel-b, body.section-gallery div.e-panel-b, body.section-availability div.e-panel-b, body.section-privacy-policy div.e-panel-b { width: 714px; } #body-availability iFrame { border-width: 0px; } .e-house-summary { color: #777; } .e-house-summary ul { list-style: none; } .e-house-summary ul li { margin-bottom : 0.5em; line-height : 15.5px; color : #a7a9ac; background: url(/images/side_bullet.gif) no-repeat 0 6px; padding-left :15px; } /* DIRECTIONS ------------------------------------------------*/ #transport-methods p { float: left; width: 218px; margin-right: 20px; } /* ####################################### */ /* ################# FOOT ################ */ /* ####################################### */ div.e-foot { padding: 0.83333333333333333333333333333333em 0; color: #999; font-size: 0.9em; } #abbey-advert { background: #FEEFDC; height: 85px; } .footer-link img { margin-top: 3px; border: 1px solid #FFF; border-style: inset; } a.footer-image:link, a.footer-image:visited { text-decoration: none; color: #67B0A7; } .footer-link:hover img { border-color: #A7A9AC; } #abbey-advert h6 { color: #67B0A7; font-size: 2em; font-weight: normal; margin-top: 20px; text-align: center; line-height: 22px; } #abbey-advert p { margin: 0; color: #fff; } #footer-text { width: 420px; height: 100%; float: left; display: block; } .footer-link { width: 142px; height: 100%; float: left; text-align: center; display: block; } /* ####################################### */ /* ########## =PARAGRAPH GRIDS ########### */ /* ####################################### */ /* 2 Column Grid ------------------------------------------------*/ /* div.para-block { } */ /* div.para-2-column-boxed { } */ /* div.left-hand-column { } */ /* div.right-hand-column { } */ /* BLOCKQUOTE PARAGRAPH ------------------------------------------------*/ /* div.para-blockquote blockquote { } */ /* div.para-blockquote blockquote div { } */ /* div.para-blockquote cite { } */ /* GOOGLE MAP ------------------------------------------------*/ #gmap1 { float: left; height: 300px; width: 100%; border:1px solid #999; padding: 1px; } #gmap1 { text-align: left; } #gmap1 .org { font-weight: bold; margin-bottom: 0.5em; } /* ####################################### */ /* ############### GALLERY ############### */ /* ####################################### */ ul.gallery-images { margin: 0; padding: 0; list-style: none; } ul.gallery-images li.gallery-image { float: left; width: 163px; height: 175px; margin: 0 20px 2em 0; } ul.gallery-images li.last-gallery-image { margin-right: 0; } ul.gallery-images li.gallery-image img { display: block; } ul.gallery-images li.gallery-image p { margin: 0; margin-top: 5px; font-size: 11px; } ul.gallery-images li.gallery-image a:link, ul.gallery-images li.gallery-image a:visited { display: block; height: 110px; overflow: hidden; } /* BESPOKE POSITIONING OF GALLERY IMAGES ------------------------------------------------*/ #bathroom_2 { margin-top: -81px; } #antique_in_living_room { margin-top: -33px; } /* ####################################### */ /* ############ SIDE IMAGES ############## */ /* ####################################### */ ul#image-viewer { margin: 0; padding: 0; list-style: none; height: 244px; overflow: hidden; position: relative; } ul#image-viewer li img { position: absolute; top: 0; left: 0; } /* ####################################### */ /* ########### EVENTS LISTINGS ########### */ /* ####################################### */ .event-listing, .event-listing ol { margin: 0; padding: 0; list-style: none; list-style-position: outside; } .event-listing ol li { margin-bottom: 1.5em; } .event-listing ol li h6 { font-weight: normal; } .event-listing ol li p { margin: 0; font-style: italic; }