/*----------------------------------------------------------------------------- Rainbowsky.co.uk Style Sheet version: 1.0 author: danny murphy email: css@danny-murphy.co.uk website: http://www.danny-murphy.co.uk/ -----------------------------------------------------------------------------*/ /* =Typography -----------------------------------------------------------------------------*/ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 80%; } body table { font-size: 100%; } /* Default fonts and colors. If you prefer serif fonts, remove the font-family on the headings, and apply this one to the body: font: 1em Georgia, "lucida bright", "times new roman", serif; */ body { color: #333333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; /* font-family: "Lucida Grande", Verdana, Arial, sans-serif; */ } h1,h2,h3,h4,h5,h6 { color: #111; font-family: Arial, Verdana, Arial, Helvetica, sans-serif; /* font-family: "Lucida Grande", Verdana, Arial, sans-serif; */ } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 2em; line-height: 1; margin-bottom: 0.3em; color: #405374; } h2 { font-size: 1.5em; line-height: 1; margin-bottom: 0.3em; color: #EB008B; } h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.3em; color: #EB008B; padding-top: 10px; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; line-height: 1.3em; } p.last { margin-bottom: 0; } p img { margin: 0; padding: 0; } p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. */ img { margin: 0; } ul, ol { margin:0 1.5em 1.5em 1.5em; } ul { list-style-type: circle; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; } address { margin-top: 1.5em; font-style: italic; } del { color:#666; } a:focus, a:hover { color: #EB008B; } a { color: #009; text-decoration: underline; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 0; } th { border-bottom: 2px solid #ccc; font-weight: bold; } td { vertical-align: top; } th,td { padding: 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Use this if you use span-x classes on th/td. */ table .last { padding-right: 0; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #666; } .hide { display: none; } .highlight { background:#ff0; } .added { color:#060; } .removed { color:#900; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .clear { clear:both; } .right { float:right; } .left { float:left; } /* =Header -----------------------------------------------------------------------------*/ /* =Nav -----------------------------------------------------------------------------*/ ul#mainnav { list-style-type: none; margin: 0 10px 10px; padding: 0; line-height: 0em; } #mainnav li { display: inline; padding: 0 10px; } #mainnav a:focus, #mainnav a:hover { color: #eb008b; } #mainnav a { color: #fff; text-decoration: none; padding: 1px; } /* =SubNav -----------------------------------------------------------------------------*/ ul#subnav { width: 174px; list-style-type: none; margin: 0; padding: 0; } #subnav li { width: 174px; background-color: #F9FBFF; border-bottom: 1 solid #CCCCCC; line-height: 2.3em; } #subnav a:focus, #subnav a:hover { color: #EB008B; background-color: #E3E5EA; } #subnav li a { padding-left: 22px; background-position: 2px 6px; background-repeat: no-repeat; display: block; color: #333333; text-decoration: none; background-image: url(../images/icons/information.png) } #subnav li a.active { background-color: #E3E5EA; } /* =SubNav2 -----------------------------------------------------------------------------*/ ul#subnav2 { width: 174px; list-style-type: none; margin: 0; padding: 0; } #subnav2 li { width: 174px; background-color: #E3E5EA; } #subnav2 a:focus, #subnav2 a:hover { color: #FFFFFF; background-color: #EB008B; } #subnav2 li a { font-size: 85%; padding-left: 22px; line-height: 2em; display: block; color: #333333; text-decoration: none; background-image: none; } #subnav2 li a.active { background-color: #EB008B; color: #FFFFFF; } /* =Listing -----------------------------------------------------------------------------*/ ul.listing { width: 354px; list-style-type: none; margin: 0; padding: 0; } .listing li { width: 354px; background-image: url(../images/info_background.png); background-repeat: repeat-x; background-position: bottom; line-height: 1.3em; } .listing a:focus, .listing a:hover { color: #EB008B; background-color: #E3E5EA; } .listing li a { padding: 8px 22px 8px 10px; background-position: 330px 6px; background-repeat: no-repeat; display: block; color: #333333; text-decoration: none; background-image: url(../images/icons/page_white_link.png); } .listing li a.active { background-color: #E3E5EA; } .listing img { margin: 0 10px 0 0; border: 1 solid #405374; float: left;} /* =ListingAdd -----------------------------------------------------------------------------*/ div.listingadd ul { width: 354px; list-style-type: none; margin: 0; padding: 0; } div.listingadd { width: 352px; background-color: #E2EDFF; border: 1 solid #CCCCCC; } div.listingadd p { margin: 0 0 0.2em; } .listingadd a:focus, .listingadd a:hover { color: #EB008B; background-color: #E3E5EA; } .listingadd a { padding: 6px 22px 6px 10px; background-position: 330px 6px; background-repeat: no-repeat; display: block; color: #666666; text-decoration: none; background-image: url(../images/icons/page_white_add.png); } .listingadd a.active { background-color: #E3E5EA; } .listingadd em.required { font-style: italic; font-size: 80%; color: #eb008b; } .listingadd fieldset { background-color: #f0f6ff; border: solid 1px #CCCCCC; margin: 0 10px 10px;} .listingadd legend { font-weight: bold;} .listingadd h4 { margin: 10px;} .listingadd input.submit { margin: 0 10px; width: auto;} .listingadd input { width: 300px;} .listingadd textarea { width: 300px; height: 100px;} /* =Banner -----------------------------------------------------------------------------*/ #banner { background-color: #16687E; border-bottom-color: #044c62; border-bottom-style: solid; border-bottom-width: 2px; } #bannercontainer { background-color: #16687E; background-position: right; background-repeat: no-repeat; margin: auto; width: 760px; height: 258px; color: #ffffff; background-image: url(../images/DMGC-banner001.jpg); } #bannercontainer #textbox { padding: 20px 510px 0 20px; } /* =Content -----------------------------------------------------------------------------*/ #content { } #contentcontainer { background-repeat: no-repeat; margin: auto; width: 760px; } /* =Footer -----------------------------------------------------------------------------*/ #footer { text-align: center; color: #7f7f7f; background-position: top; background-repeat: repeat-x; background-image: url(../images/DMGC-footershadow.jpg); padding-top: 30px; font-size: 90%; } #footercontainer { margin: auto; width: 760px; } ul#footerlist { list-style-type: none; margin: 0 10px 10px; padding: 0; } #footerlist li { display: inline; padding: 0 5px; } #footerlist a:focus, #footerlist a:hover { color: #EB008B; } #footerlist a { color: #7f7f7f; text-decoration: none; padding: 1px; } /* =Country Navigation -----------------------------------------------------------------------------*/ #countryoptions { background-position: -727px; width: 740px; height: 30px; background-image: url('../images/background_lowlight.png'); } #countryoptions ul { width: 714px; list-style-type: none; padding: 0; margin: 0 auto; } #countryoptions ul li { background-position: right; line-height: 30px; text-align: center; background-image: url('../images/background_lowlight.png'); float: left; } #countryoptions ul li a { font-size: 110%; text-transform: uppercase; color: #ffffff; display: block; width: 178.5px; height: 30px; text-decoration: none; } #countryoptions ul li a:hover { background-image: url(../images/background_highlight.png); background-position: right; } #countryoptions ul li a.active { background-image: url(../images/background_highlight.png); background-position: right; } /* =County Navigation -----------------------------------------------------------------------------*/ #countynav { background-position: -727px; width: 547px; height: 30px; background-image: url('../images/background_lowlight.png'); } #countynav ul { list-style-type: none; padding: 0; margin: 0 0 0 13px; } #countynav ul li { background-position: right; line-height: 30px; text-align: center; background-image: url('../images/background_lowlight.png'); float: left; } #countynav ul li a { font-size: 90%; text-transform: uppercase; color: #ffffff; display: block; width: 120px; height: 30px; text-decoration: none; } #countynav ul li a:hover { background-image: url(../images/background_highlight.png); background-position: right; } #countynav ul li a.active { background-image: url(../images/background_highlight.png); background-position: right; } /* =Languages -----------------------------------------------------------------------------*/ #languages { width: 714px; margin: 6px auto; } #languages p { font-size: 85%; text-align: right; } #languages p a { color: #000; text-decoration: none; } #languages p a:hover{ color: #EB008B; } #languages .english { margin-left: 6px; padding-left: 20px; background-position: left; background-repeat: no-repeat; background-image: url(../images/flags/png/gb.png); } #languages .french { margin-left: 6px; padding-left: 20px; background-position: left; background-repeat: no-repeat; background-image: url(../images/flags/png/fr.png); } #languages .german { margin-left: 6px; padding-left: 20px; background-position: left; background-repeat: no-repeat; background-image: url(../images/flags/png/de.png); } #languages .spanish { margin-left: 6px; padding-left: 20px; background-position: left; background-repeat: no-repeat; background-image: url(../images/flags/png/es.png); } #languages .italian { margin-left: 6px; padding-left: 20px; background-position: left; background-repeat: no-repeat; background-image: url(../images/flags/png/it.png); } /* =RainbowSky Address -----------------------------------------------------------------------------*/ .nav { color: #FFFFFF; font-weight: bold; background-color: #405374; text-align: center; } .nav:hover { color: #EB008B; } /* =Table -----------------------------------------------------------------------------*/ .matrix {} .matrix th { background-image: url(../images/background_highlight.png); background-position:right; height: 30px; border-bottom: 0; text-align: left; padding-left: 6px; color: #fff; } .matrix th.headerlow { background-image: url('../images/background_lowlight.png'); background-position:left; } .matrix_grey { border-left-color: #bfbfbf; border-bottom-color: #bfbfbf; border-right-color: #bfbfbf; border-left-style: solid; border-bottom-style: solid; border-right-style: solid; border-top-style: none; border-left-width: 1px; border-bottom-width: 1px; border-right-width: 1px; border-top-width: 0px; background: #EEf4FF; text-align: left; padding: 6px; font-size: 90%; } .matrix td { border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-right-style: solid; border-bottom-style: solid; border-right-width: 1px; border-bottom-width: 1px; width: 25%; } .matrix td.firstcolumn { border-left-color: #bfbfbf; border-left-style: solid; border-left-width: 1px; } .matrix td.noborder { border-right-color: #bfbfbf; border-bottom-color: #bfbfbf; border-right-style: none; border-bottom-style: none; border-right-width: 0; border-bottom-width: 0; } .matrix td a { text-decoration: none; color: #333333; padding: 6px; display: block; } .matrix td:hover { background-color: #EEF4FF; } .matrix td a:hover { color: #EB008B; background-color: #EEF4FF; } .countySelect { color: #405374; font-weight: bold; } .matrix td a.locator { color: #EB008B; font-weight: bold; text-decoration: none; display: inline; padding: 0 4 0 0; } .matrix td a.locator:hover { text-decoration: underline; } .locator_link { color: #330099; font-weight: bold; } .locator_link:hover { color: #EB008B; font-weight: bold; } /* =Main Content -----------------------------------------------------------------------------*/ .maincontent { margin-left: 13px;} .a_z_letters { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #EB008B; text-decoration: none; } .county { color: #FFFFFF; font-weight: bold; } .large_county { color: #FFFFFF; font-weight: bold; } .small_red { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF0073; text-decoration: none; } .small_black { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; } .small_blackBold { font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #000000; text-decoration: none; } .nav_link { color: #FFFFFF; font-weight: bold; } .nav_link:hover { color: #EB008B; font-weight: bold; } .navAuthor { color: #999999; font-weight: normal; } .navAuthor:hover { color: #EB008B; font-weight: normal; } .disclaimer { color: #000000; font-weight: normal; } .disclaimerBold { color: #000000; font-weight: normal; } .country_region { color: #999999; } .country_regionVertBar { color: #999999; } .input { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .header { font-weight: bold; } .button { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } .grey_header { color: #405374; font-weight: normal; vertical-align: top; } .grey_box { color: #405374; } .grey_box_padded { color: #405374; padding: 10px 0 ; } .grey_box_medium { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #330099; padding: 10px 0 ; font-style: normal; font-weight: normal; } .grey_box_mediumsmall { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #330099; padding: 10px 0; font-style: normal; font-weight: normal; } .grey_box_grey { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #999999; font-style: normal; font-weight: bold; } .grey_box_black { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; } .grey_box_blue { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333399; font-style: normal; font-weight: bold; } .grey_box_white { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: normal; font-weight: bold; } .ad { color: #FFFFFF; } .category { color:#FFCC99; font-weight: bold; } .town { color:#FFEEAA; font-weight: bold; } /* Menu Styles */ /* Menu headings */ .hdrBtm { COLOR:#FFFFFF; font:bold ; text-align:center; z-index:1000; padding-top:3px;} .hdrBtmOn { color:#999999; font:bold ; text-align:center; z-index:1000; padding-top:3px;} .hdrBtmCurrent { color:#FFFFFF; font:bold ; text-align:center; z-index:1000; } /* Menu separators */ .hdrPip{ color:#FFFFFF; z-index:2000; padding-top:3px;} /* Menu list items */ .navItem { color:#FFFFFF; } .navItemNS { color:#FFFFFF; } .navItemOn { color:#FFFFFF; } /* List items padding */ .itmpad { padding-left:9px; padding-top:3px;} decoration: none; .advertOnWhite { border: 1px solid #000000; } .style2 { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #330099; } .style3 { font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #330099; } span.highlighted { color: #e80089;} h1.110 { font-size: 110%; } a.cat1{ color:#FFFFFF; }