/* ------------------------------------------------------------------- */ /* FIXES */ /* ------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } html .clearfix { height: 1%; } .clearfix { display: block; } /* ------------------------------------------------------------------- */ /* GLOBAL Styles */ /* ------------------------------------------------------------------- */ * { margin:0; padding:0;} body { font-family:Sans-serif, Arial, Helvetica; font-size:78%; background:#CCC url(../grfx/layout/bkgd.jpg) repeat-x 0 0; behavior:url("csshover.htc"); } input { } textarea { font-size:100%; } select { font-size:90%; } th, td { } p, .list, table#Downloads { margin: 0 0 1.1em 0; color:#666; line-height:1.3em; font-size:1em; } p.posted { font-size:.9em; margin-top:1em;} img { border:none; } form { } .button { font-size:90%; color: #fff; background: #1c549b; border-top: 1px solid #6e92bf; border-right: 1px solid #0f2d53; border-bottom: 1px solid #0f2c51; border-left: 1px solid #6f92bf; } .list {margin-left:1.6em; } a:link { color:#C5001F; } a:visited { color:#C5001F; } a:hover { text-decoration: none; color:#C5001F; } a:active { color:#C5001F; } a.upmystreet-logo { background:url(../grfx/layout/logo-upMyStreet.jpg) no-repeat 0 0; display:block; width:109px; height:18px; text-indent:-999em; margin-top:.5em; text-decoration:none;} h1 { /*background:url(../grfx/layout/logo.gif) no-repeat 0 0; text-indent:-999em;*/} h1 span { text-indent:-999em; display:block; width:414px; height:53px; position:absolute; top:1.5em; left:2.4em; cursor:pointer;} h2 { font-size:1.6em; font-weight:normal; padding: 0 0 .3em 0; color:#666; } h3 { font-size:1.3em; padding:0 0 .2em 0; color:#666; font-weight:normal; } h3.development-name { font-size: 1.8em; padding: 8px 0 4px 0; font-weight:normal; color:#990000;} h4 { font-size: 1.8em; padding: 8px 0 4px 0; font-weight:normal; color:#990000;} h5 { font-size: 100%; padding: 10px 0 2px 0; } h6 { font-size: 100%; } ul { } ul li { } ul ul { } ul ul li { /*list-style-image:url(../grfx/formatting/bp-02.jpg); color:#666666; */} .small-print { font-size: 60%; } .note { font-style: italic; } #Style-Switcher { margin: 5px auto 0 auto; width:760px; text-align: center; } span.corner { display:block; width:100%; height:16px; background:url(../grfx/layout/cornerTopRight-wide.png) no-repeat top right; position:absolute; top:10px; right:11px; width:20px;} span.dark { background:url(../grfx/layout/cornerTopRightDark-wide.png) no-repeat top right; top:-1px; right:-1px; } /* ------------------------------------------------------------------- */ /* RED ACTION BUTTONS Styles (Unique styles can be found in the relevant 'p-...' css files) */ /* ------------------------------------------------------------------- */ #Homepage-CallBack-Container a, p.ask-question a, #Homepage-Extranet-Container a, #Homepage-Developments-Wrapper a.view-all, #Inset-Extranet-Wrapper a, a.forgotten, #GalleryImage-Container .nav-buttons a, #Costs a, #Developments-Container li a.read-more, table#Downloads a { background-color:#C5001F; background-repeat:no-repeat; background-position:top right; /*padding:.3em 2.2em .2em .4em;*/padding:0.1em 2.2em .2em .4em; line-height:1.4em; color:#FFF; font-size:.9em; text-decoration:none } #Homepage-CallBack-Container a:hover, p.ask-question a:hover, #Homepage-Extranet-Container a:hover, #Homepage-Developments-Wrapper a.view-all:hover, #Inset-Extranet-Wrapper a:hover, a.forgotten:hover, #GalleryImage-Container .nav-buttons a:hover, #Costs a:hover, #Developments-Container li a.read-more:hover, table#Downloads a:hover {background-image:none; background-color:#000; text-decoration:none;} /* ------------------------------------------------------------------- */ /* TEMPLATE Styles */ /* ------------------------------------------------------------------- */ #Body-Wrapper { width: 770px; background-color:#FFF; margin: 0 auto; padding-bottom:0px; text-align: left; position: relative; } #Page-End { width: 770px; margin: 50px auto; } /* ------------------------------------------------------------------- */ /* HEADER Styles */ /* ------------------------------------------------------------------- */ #Header-Wrapper { height:146px; background:url(../grfx/layout/header.jpg) no-repeat top right; position:relative;} /* ------------------------------------------------------------------- */ /* HEADER - WEBSITE LOGO Styles */ /* ------------------------------------------------------------------- */ /*#Website-Logo-Wrapper { text-decoration: none; border: none; } #Website-Logo { float: left; width: 145px; height: 79px; } #Website-Logo a { display: block; width: 137px; height: 66px; text-decoration: none; } #Website-Logo a:hover { text-decoration:none; border:none; }*/ /* ------------------------------------------------------------------- */ /* CONTENT Styles */ /* ------------------------------------------------------------------- */ .Page-Wrapper { padding: 0 8px; position: relative; } #Content-Wrapper { float: left; width: 764px;} #Main-Content-Wrapper { float: left; width: 764px;} #Contact-Details-Container { margin-top:1.5em;} /* ------------------------------------------------------------------- */ /* FORM Styles */ /* ------------------------------------------------------------------- */ #Form-Wrapper, #CallbackRequest-Form-Wrapper { background-color:#F0F0F0; padding:1em; color:#666; border:1px solid #F0F0F0;} #Form-Wrapper td, #CallbackRequest-Form-Wrapper td { padding:0 .3em .7em 0; } #Form-Wrapper tr, #CallbackRequest-Form-Wrapper tr { vertical-align:top;} label { display:block; width:150px; } input, textarea { border:1px solid #666; padding:.1em .2em; font-size:1em;} input { width:200px; font-size:1em; font-family:Sans-serif, Arial, Helvetica;} textarea { width:285px; font-size:1em; font-family:Sans-serif, Arial, Helvetica; } input.button { width:62px; height:17px; background-color:transparent; border:none; margin-left:145px; margin-top:1em;} #Form-Layout-One-Validation-Wrapper, #CallbackRequest-Validation-Wrapper { margin-bottom:1em;} #Form-Layout-One-Validation-Wrapper p, #Form-Layout-One-Validation-Wrapper ul, #CallbackRequest-Validation-Wrapper p, #CallbackRequest-Validation-Wrapper ul {color:#990000;} #Form-Layout-One-Validation-Wrapper p, #CallbackRequest-Validation-Wrapper p {margin-bottom:.5em;} #Form-Layout-One-Validation-Wrapper ul, #CallbackRequest-Validation-Wrapper ul { margin-left:1.5em;} input.mailinglistRadioButton1, input.mailinglistRadioButton2, input.dateRadioButton1, input.dateRadioButton2 { border:none;}