HTML
{
    height              : 100%;
}

BODY
{
    background-color    : #FFFFFF;
    font-family         : Arial, Verdana;
    font-size           : 8pt;
    margin              : 10px 0px 0px 0px;
    height              : inherit;
}
FORM
{
    margin              : 0px;
}
IMG
{
    border-style        : none;
}
DIV.ContainerMain
{
    margin-left         : auto;
    margin-right        : auto;
    position            : relative;
    width               : 760px;
}
DIV.ContainerHeader
{
    clear               : both;
    float               : left;
    width               : 760px;
}
DIV.Logo
{
    float               : left;
}
DIV.MainNavigation
{
    border-right        : solid 1px #999999;
    float               : right;
    height              : 71px;
    overflow            : hidden;
    padding-right       : 15px;
    text-align          : right;
}
DIV.MainNavigation LI
{
    list-style-type     : none;
    margin              : 0px 0px 6px 0px;
}
DIV.MainNavigation A, DIV.MainNavigation A:HOVER
{
    color               : #231F20;
    font-weight         : bold;
    text-decoration     : none;
}
DIV.SubNavigation
{
    clear               : both;
    float               : left;
    margin-top          : 10px;
    width               : 760px;
}
DIV.SubNav1
{
    background-image    : url(/gui/nav_1.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 43px;
    overflow            : hidden;
    width               : 241px;
}
DIV.SubNav1 A, DIV.SubNav1 A:HOVER
{
    color               : #FFFFFF;
    font-size           : 10pt;
    font-weight         : bold;
    line-height         : 50px;
    margin-left         : 11px;
    text-decoration     : none;
}
DIV.SubNav2 A, DIV.SubNav2 A:HOVER
{
    color               : #FFFFFF;
    font-size           : 10pt;
    font-weight         : bold;
    line-height         : 50px;
    margin-left         : 15px;
    text-decoration     : none;
}
DIV.SubNav2
{
    background-image    : url(/gui/nav_2.gif);
    background-position : right top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 43px;
    overflow            : hidden;
    width               : 173px;
}
DIV.SeachOptions
{
    clear               : both;
    float               : left;
    width               : 760px;
}
DIV.PhoneNumber
{
    float               : left;
    font-size           : 14pt;
    font-weight         : bold;
    height              : 55px;
    line-height         : 55px;
    text-align          : center;
    width               : 280px;
}
DIV.SearchOptions
{
    float               : right;
}
DIV.SeachCurrentDevelopments
{
    float               : left;
    font-size           : 7pt;
    font-weight         : bold;
    margin-right        : 20px;
    margin-top          : 7px;
    line-height         : 18px;
}
DIV.SeachPostCode
{
    border-left         : dotted 1px #999999;
    float               : left;
    font-size           : 7pt;
    font-weight         : bold;
    margin-top          : 7px;
    padding-left        : 20px;
    line-height         : 18px;
}
.SearchInput
{
    font-family         : Arial, Verdana;
    font-size           : 7pt;
}
.SearchButton
{
    font-family         : Arial, Verdana;
    font-size           : 7pt;
}

DIV.MapContainer
{
    background-image    : url(/gui/map_background.jpg);
    background-position : center center;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 396px;
    width               : 760px;
}
DIV.MapTitle
{
    float               : right;
    font-family         : Arial;
    font-size           : 20pt;
    margin-top          : 25px;
    text-align          : center;
    width               : 278px;
}
SPAN.MapTitleBold
{
    color               : #FFFFFF;
    font-weight         : bold;
}
SPAN.MapTitleItalic
{
    color               : #333333;
    font-style          : italic;
}
Div.MapInstructionsContainer
{
    clear               : right;
    float               : right;
    margin-right        : 40px;
    margin-top          : 30px;
}
DIV.MapInstructions
{
    color               : #333333;
    font-size           : 10pt;
    height              : 170px;
    line-height         : 16pt;
    text-align          : justify;
    width               : 152px;
}
DIV.MapSearchContainer
{
    clear               : right;
    float               : right;
    padding             : 0px 20px 0px 20px;
}
DIV.MapSearchRow
{
    clear               : both;
    float               : left;
    margin-bottom       : 10px;
    width               : 235px;
}
DIV.MapSearchLabel
{
    float               : left;
    font-size           : 10pt;
    font-weight         : bold;
    width               : 85px;
}
DIV.MapSearchField
{
    float               : left;
    font-size           : 10pt;
}
DIV.MapSearchButton
{
    float               : right;
    margin-right        : 8px;
}
.MapInput
{
    font-family         : Arial, Verdana;
    font-size           : 8pt;
    width               : 135px;
}
.MapButton, .EnquiryButton
{
    background-color    : Transparent;
    background-image    : url(/gui/button.gif);
    background-position : center center;
    background-repeat   : no-repeat;
    border              : solid 0px #000000;
    color               : #FFFFFF;
    font-family         : Arial, Verdana;
    font-size           : 8pt;
    height              : 18px;
    width               : 82px;
}
DIV.MapLocation
{
    font-weight         : bold;
    position            : absolute;
    text-align          : center;
}
DIV.FeatureContainer
{
    clear               : both;
    float               : left;
    margin              : 10px 0px 10px 0px;
    width               : 760px;
}
DIV.BoxFeatured
{
    background-image    : url(/gui/box_featured.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 269px;
    line-height         : 25px;
    width               : 248px;
}
DIV.BoxFeatured SPAN
{
    color               : #BCBEC0;
    font-size           : 12pt;
}
DIV.BoxFeatured A, DIV.BoxFeatured A:HOVER
{
    color               : #FFFFFF;
    font-size           : 14pt;
    font-weight         : bold;
    margin-left         : 10px;
    text-decoration     : none;
    display             : inline-block;
}
DIV.BoxWhyMonro
{
    background-image    : url(/gui/box_why.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    line-height         : 25px;
    height              : 269px;
    width               : 173px;
}
DIV.BoxWhyMonro A, DIV.BoxWhyMonro A:HOVER 
{
    color               : #FFFFFF;
    font-size           : 14pt;
    font-weight         : bold;
    margin-left         : 10px;
    text-decoration     : none;
    display             : inline-block;
}
DIV.BoxWhyMonro A SPAN, DIV.BoxWhyMonro A:HOVER SPAN
{
    font-weight         : normal;
    font-size           : 12pt;
}
DIV.BoxLand
{
    background-image    : url(/gui/box_land.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 269px;
    line-height         : 25px;
    width               : 174px;
}
DIV.BoxLand A, DIV.BoxLand A:HOVER 
{
    color               : #FFFFFF;
    font-size           : 14pt;
    margin-left         : 10px;
    text-decoration     : none;
    display             : inline-block;
}
DIV.BoxBuying
{
    background-image    : url(/gui/box_buying.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 269px;
    line-height         : 25px;
    width               : 165px;
}
DIV.BoxBuying A, DIV.BoxBuying A:HOVER 
{
    color               : #FFFFFF;
    font-size           : 14pt;
    font-weight         : bold;
    margin-left         : 10px;
    text-decoration     : none;
    display             : inline-block;
}
DIV.BoxBuying A SPAN, DIV.BoxBuying A:HOVER SPAN
{
    font-weight         : normal;
    font-size           : 12pt;
}
DIV.ContentHeader
{
    border-bottom       : dotted 1px #999999;
    clear               : both;
    float               : left;
    padding             : 5px 0px 5px 0px;
    width               : 760px;
}
DIV.ContentHeader SPAN
{
    font-size           : 14pt;
    font-weight         : bold;
}
DIV.ContentImages
{
    float               : left;
    text-align          : center;
    width               : 190px;
}
DIV.ContentImages IMG
{
    border-style        : none;
    margin              : 10px 0px 0px 0px;
}
DIV.ContentBody
{
    float               : left;
    width               : 570px;
}
DIV.ContentInner
{
    border-left         : dotted 1px #999999;
    height              : 100%;
    float               : left;
    margin              : 10px 0px 10px 0px;
}
DIV.MenuHide
{
    position            : absolute;
    visibility          : hidden 
}
DIV.MenuShow
{
    background-color    : #FFFFFF;
    border              : solid 1px #333333;
    padding-bottom      : 2px;
    padding-top         : 2px;
    float               : left;
    position            : absolute;
    visibility          : visible;
}
DIV.MenuItem
{
    background-image    : url(/gui/menuitem_bg.gif);
    background-position : left top;
    background-repeat   : repeat-x;
    height              : 19px;
    line-height         : 19px;
    margin-left         : 2px;
    margin-right        : 2px;
    white-space         : nowrap;
}
DIV.MenuItem:HOVER
{
    background-image    : url(/gui/menuitemhover_bg.gif);
    background-position : left top;
    background-repeat   : repeat-x;
    height              : 19px;
    line-height         : 19px;
    margin-left         : 2px;
    margin-right        : 2px;
    white-space         : nowrap;
}
DIV.MenuItem A, DIV.MenuItem A:HOVER
{
    color               : #FFFFFF;
    text-decoration     : none;
    margin-left         : 5px;
    margin-right        : 5px;
}
DIV.ContainerDevelopment
{
    clear               : both;
    float               : left;
    width               : 760px;
}
DIV.DevelopmentLeft
{
    float               : left;
    width               : 450px;
}
DIV.DevelopmentName
{
    background-image    : url(/gui/header_development.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 66px;
    line-height         : 66px;
    margin-bottom       : 7px;
    width               : 450px;
}
DIV.DevelopmentNameWide
{
    background-image    : url(/gui/headerwide_development.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 66px;
    line-height         : 66px;
    margin-bottom       : 7px;
    width               : 760px;
}
DIV.DevelopmentName SPAN, DIV.DevelopmentNameWide SPAN
{
    color               : #FFFFFF;
    float               : left;
    font-size           : 14pt;
    font-weight         : bold;
    margin-left         : 10px;
}
DIV.DevelopmentName A, DIV.DevelopmentName A:HOVER, DIV.DevelopmentNameWide A, DIV.DevelopmentNameWide A:HOVER
{
    color               : #FFFFFF;
    display             : block;
    float               : right;
    margin-right        : 10px;
    text-decoration     : none;

}
DIV.DevelopmentImageContainer
{
    clear               : both;
    float               : left;
    margin-bottom       : 7px;
    width               : 450px;
}
DIV.DevelopmentImageMain
{
    float               : left;
    text-align          : center;
    width               : 340px;
}
DIV.DevelopmentImageThumbs
{
    float               : right;
    text-align          : center;
    width               : 100px;
}
DIV.DevelopmentImageThumbs IMG
{
    border-style        : none;
    clear               : both;
    margin-bottom       : 5px;
}
DIV.DevelopmentCaption
{
    background-image    : url(/gui/header_caption.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 56px;
    line-height         : 56px;
    width               : 450px;
}
DIV.DevelopmentCaptionWide, DIV.DevelopmentSurroundingWide, DIV.DevelopmentMapWide, DIV.DevelopmentPriceWide
{
    background-image    : url(/gui/headerwide_caption.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    height              : 56px;
    line-height         : 56px;
    width               : 760px;
}
DIV.DevelopmentSurroundingWide
{
    background-image    : url(/gui/headerwide_surrounding.gif);
}
DIV.DevelopmentMapWide
{
    background-image    : url(/gui/headerwide_map.gif);
}
DIV.DevelopmentPriceWide
{
    background-image    : url(/gui/headerwide_price.gif);
}
DIV.DevelopmentCaption SPAN, DIV.DevelopmentCaptionWide SPAN, DIV.DevelopmentSurroundingWide SPAN, DIV.DevelopmentMapWide SPAN, DIV.DevelopmentPriceWide SPAN
{
    color               : #FFFFFF;
    font-size           : 12pt;
    margin-left         : 10px;
}
DIV.DevelopmentContent
{
    clear               : both;
    float               : left;
    width               : 450px;
    padding-top         : 5px;
    padding-bottom      : 10px;
}
DIV.DevelopmentContentWide
{
    clear               : both;
    float               : left;
    width               : 760px;
    padding-top         : 5px;
    padding-bottom      : 10px;
}

DIV.DevelopmentRight
{
    float               : right;
    width               : 302px;
}
DIV.PlotLayoutHeader
{
    background-image    : url(/gui/header_layout.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : right;
    height              : 66px;
    line-height         : 66px;
    margin-bottom       : 5px;
    width               : 302px;
}
DIV.PlotLayoutHeader SPAN
{
    color               : #FFFFFF;
    font-size           : 12pt;
    margin-left         : 10px;
}
DIV.PlotLayoutImage
{
    clear               : both;
    float               : right;
    width               : 302px;
}
DIV.PlotLayoutImage IMG
{
    position            : absolute;
    z-index             : 100;
}
DIV.PlotHeader
{
    background-image    : url(/gui/header_plot.jpg);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : right;
    height              : 66px;
    line-height         : 66px;
    margin-bottom       : 6px;
    width               : 302px;
}
DIV.PlotHeader SPAN
{
    color               : #FFFFFF;
    font-size           : 12pt;
    margin-left         : 10px;
}
DIV.PlotImageLibary
{
    clear               : both;
    float               : right;
    width               : 302px;
}
DIV.PlotImageLibaryImage
{
    float               : left;
    margin              : 0px;
    padding             : 0px;
    width               : 150px;
    height              : 150px;
}
DIV.PlotImageLibaryPrevNext
{
    float               : left;
    text-align          : center;
    width               : 50px;
}
DIV.PlotImageLibaryPrevNext A, DIV.PlotImageLibaryPrevNext A:HOVER
{
    color               : #333333;
    font-weight         : bold;
    text-decoration     : none;
    
}
DIV.PlotImageLibaryEnlarge
{
    float               : left;
    text-align          : center;
    width               : 200px;
}
DIV.PlotLayoutText
{
    clear               : both;
    float               : right;
    margin-bottom       : 5px;
    margin-top          : 5px;
    text-align          : center;
    width               : 302px;
}
DIV.PlotFeatureTitle
{
    background-color    : #9D9FA1;
    clear               : both;
    float               : right;
    height              : 30px;
    line-height         : 30px;
    width               : 302px;
}
DIV.PlotFeatureTitle SPAN
{
    color               : #000000;
    font-size           : 12pt;
    margin              : 10px;
}
DIV.PlotFeatureList
{
    background-color    : #E9E9E9;
    background-image    : url(/gui/feature_background.jpg);
    background-position : center bottom;
    background-repeat   : no-repeat;
    clear               : both;
    float               : right;
    width               : 302px;
}
DIV.PlotFeatureList UL
{
    margin-bottom       : 10px;
    margin-top          : 10px;
}
DIV.ViewFloorPlan
{
    float               : left;
    line-height         : 11px;
    margin-left         : 30px;
}
DIV.ViewSpecs
{
    float               : left;
    line-height         : 11px;
    margin-left         : 30px;
}
DIV.ViewFloorPlan IMG, DIV.ViewSpecs IMG
{
    float               : left;
    margin-right        : 5px;
}
DIV.ViewFloorPlan A, DIV.ViewFloorPlan A:HOVER, DIV.ViewSpecs A, DIV.ViewSpecs A:HOVER
{
    color               : #000000;
    font-weight         : bold;
    text-decoration     : none;
}
DIV.PlotIcon
{
    background-image    : url(/gui/plot_icon.png);
    background-position : center center;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
    font-size           : 8pt;
    font-weight         : bold;
    height              : 12px;
    line-height         : 12px;
    position            : absolute;
    text-align          : center;
    width               : 12px;
    z-index             : 200;
}
DIV.PlotIcon A, DIV.PlotIcon A:HOVER
{
    color               : #FFFFFF;
    font-size           : 8pt;
    font-weight         : bold;
    line-height         : 12px;
    text-align          : center;
    text-decoration     : none;
}
DIV.DevelopmentShowTimes, DIV.DevelopmentShowTimesHeader, DIV.DevelopmentShowTimesContent
{
    clear               : both;
    float               : left;
    width               : 760px;
}
DIV.DevelopmentShowTimesHeader
{
    border-bottom       : solid 1px #333333;
}
DIV.DevelopmentShowTimesHeader, DIV.DevelopmentShowTimesContent
{
    font-size           : 10pt;
    font-weight         : bold;
}
DIV.DevelopmentShowTimesContent SPAN
{
    font-size           : 8pt;
    font-weight         : normal;
}
DIV.DevelopmentFooter
{
    clear               : both;
    float               : left;
    height              : 66px;
    margin-bottom       : 25px;
    margin-top          : 10px;
    width               : 760px;
}
DIV.DevelopmentFooterPrice, DIV.DevelopmentFooterMap, DIV.DevelopmentFooterSurrounding
{
    background-position : left top;
    background-repeat   : no-repeat;
    float               : left;
    height              : 66px;
    line-height         : 50px;
    text-align          : right;
    width               : 152px;
}
DIV.DevelopmentFooterPrice
{
    background-image    : url(/gui/pricebox_background.jpg);
}
DIV.DevelopmentFooterMap
{
    background-image    : url(/gui/mapbox_background.jpg);
}
DIV.DevelopmentFooterSurrounding
{
    background-image    : url(/gui/surroundingbox_background.jpg);
}
DIV.DevelopmentFooterBrochure
{
    background-image    : url(/gui/brochurebox_background.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    float               : right;
    height              : 66px;
    line-height         : 50px;
    text-align          : right;
    width               : 303px;
}
A.FooterLink, A:HOVER.FooterLink
{
    color               : #FFFFFF;
    display             : block;
    font-size           : 10pt;
    margin-right        : 15px;
    text-decoration     : none;
}
DIV.ImageOverlay
{
    background-color    : #000000;
    height              : 100%;
    left                : 0px;
    position            : absolute;
    top                 : 0px;
    width               : 100%;
    z-index             : 1000;
    filter              : alpha(opacity=80);
    -moz-opacity        :.80;
    opacity             :.80;
    visibility          : hidden;
}
DIV.OverlayContainer
{
    left                : 0px;
    position            : absolute;
    top                 : 0px;
    width               : 100%;
    visibility          : hidden;
    z-index             : 1100;
}
DIV.OverlayContainerInner
{
    background-image    : url(/gui/popup_background.gif);
    background-position : center center;
    background-repeat   : no-repeat;
    height              : 733px;
    margin-left         : auto;
    margin-right        : auto;
    margin-top          : 2%;
    position            : relative;
    width               : 700px;
}
DIV.OverlayHeader
{
    height              : 40px;
    line-height         : 40px;
    text-align          : right;
    width               : 700px;
}
DIV.OverlayHeader A, DIV.OverlayHeader A:HOVER
{
    color               : #FFFFFF;
    font-size           : 10pt;
    font-weight         : bold;
    margin-right        : 25px;
    text-decoration     : none;
}
TD.OverlayImage
{
    height              : 700px;
    overflow            : hidden;
    text-align          : center;
    vertical-align      : middle;
    width               : 700px;
}
TABLE.DataGrid
{
    background-color    : #CCCCCC;
    width               : 760px;
}
TD.DGHead
{
    background-color    : #B5AA9A;
    border              : solid 2px #FFFFFF;
    color               : #FFFFFF;
    font-weight         : bold;
    height              : 33px;
    line-height         : 33px;
    padding-left        : 10px;
}
TD.DGItem
{
    background-color    : #FFFFFF;
    height              : 25px;
    padding-left        : 10px;
}
TD.DGItem A, TD.DGItem A:HOVER
{
    color               : #971B1E;
    text-decoration     : none;    
}
DIV.EnquiryFormContainer
{
    border-top          : solid 1px #CCCCCC;
    clear               : both;
    float               : left;
    margin-top          : 15px;
    padding-bottom      : 20px;
    padding-top         : 15px;
    width               : 760px;
}
DIV.EnquiryFormContainerInner
{
    float               : left;
    margin-left         : 150px;
}
DIV.EnquiryFormHeader 
{
    clear               : both;
    float               : left;
}
DIV.EnquiryFormHeader SPAN
{
    color               : #6C5635;
    font-size           : 12pt;
}
DIV.EnquiryFormRow
{
    clear               : both;
    float               : left;
    margin              : 3px 0px 3px 0px;
    width               : 450px;
}
DIV.EnquiryFormLabel
{
    float               : left;
    padding-top         : 3px;
    width               : 170px;
}
DIV.EnquiryFormInput
{
    float               : left;
}
.EnquiryInput
{
    border              : solid 1px #AAAAAA;
    font-family         : Verdana;
    font-size           : 8pt;
}
DIV.ErrorMessageHide
{
    position            : absolute;
    visibility          : hidden;
}
DIV.ErrorMessageShow
{
    background-color    : #FFCCCC;
    border              : solid 1px #FF0000;
    clear               : both;
    float               : left;
    padding-top         : 10px;
    padding-bottom      : 10px;
    width               : 450px;
}
SPAN.ErrorMessage
{
    color               : #FF0000;
    display             : block;
    font-weight         : bold;
    margin-left         : 10px;
    margin-right        : 10px;
}