@charset "UTF-8";
/* CSS Document */
/* Layout and styling for PCS Maintenance Ltd */
/* DO NOT USE OR DEFINE ANY MORE 'PRE' TAGS */
body { background: #FFFFFF url("images/background.jpg") repeat-x; margin: 0; font-family:Helvetica, Arial, "Trebuchet MS", Times; font-size: 0.8em; font-style: normal; line-height: 23px; font-weight: normal; font-variant: normal; text-transform: none; color: #47647b; }

/*div ids */
#top { margin: 0 auto; width:121px; height:102px; padding:10px 868px 36px 11px; background:url("images/top-image.jpg"); }
#nav { width:1000px; height:49px; margin: 0 auto; }
#above { width:1000px; margin: 0 auto; padding: 10px 0 0; overflow: hidden; position: relative; }
#flash-cont { float:left; width:535px; height:293px; }
#flash-1 { float:left; width:400px; height:293px; }
/*#presenter { float:left; width:135px; height:293px; background:url("images/presenter-bg.jpg") no-repeat; }*/
#flash-3 { float:right; height:293px; width:231px; }
#above-area { width:1000px; height:293px; margin: 0 auto; padding: 0; background:#FFFFFF; }
#breaker { margin: 0 auto; height:15px; background:url("images/thick-line.jpg"); }
#container-floats { margin: 10px auto 0; width:1000px; }
#left { width:655px; padding: 10px 10px 15px 53px; float:left; }
#right { width:220px; padding:10px 10px 0 0; float:right; }
#buttons { margin: 0 auto; width:679px; padding:8px 268px 0 53px; clear:both; line-height:15px; }
#links { margin: 0 auto; width:915px; padding: 10px 32px 0 53px; clear:both; font-size: 0.9em; }
#footer { margin: 0 auto; width:915px; padding: 10px 32px 0 53px; font-size: 0.9em; }

/* right sidebar tags */
#callback { background:#0a7a9f; width:215px; padding:0 7px 8px; margin: 0 0 10px; }
#advice { background:#bfbfbf; width:215px; padding: 0 7px 8px; margin: 0 0 10px; color:#660099; line-height:15px; font-size:0.9em; }
#survey { background:#0a7a9f; width:215px; padding: 0 7px 8px; margin: 0 0 10px; color:#ffd800; line-height:15px; font-size:0.9em; }
#numbers { width:229px; padding: 0; margin: 0 0 10px; color:#181818; font-size:1.0em; }

/* tags defined by div */
#left ul { list-style-image:url("images/bullet-point.gif"); list-style-position:inside; padding: 5px 5px 10px; margin:0px; }
#map ul { list-style-image:none; list-style-type:square; list-style-position:inside; padding-left: 5px; margin:0px; }
#left ol li { padding-top:10px; list-style:lower-roman; }
#left table { background:#f0ecf2; font-size:1.0em; font-weight:bold; border: 0px; }
#buttons table { background:#f0ecf2; padding: 10px 5px; font-size:0.9em; }
#buttons .copy { padding: 0 7px; }
#footer ul { display:inline; list-style:none; padding: 0px; margin: 0px; }
#footer li { display:inline; padding:0 5px; border-right:1px solid #000; list-style:none; }
#numbers .place { color:#333333; text-transform:uppercase; font-size: 0.9em; }

/* links */
a { color: #669933; }
a:hover { color: #000; }

/* typography */
h1 { text-transform:uppercase; font-size:2.0em; color:#5a086e; }
.miniheader { text-transform:uppercase; font-size:2.0em; color:#5a086e; }
h1 .header { color:#5a086e; font-size:1.55em; text-transform:uppercase; font-weight:bolder; }
h2 { text-transform:uppercase; font-size:1.50em; color:#779f42; font-style:italic; }
.heading { text-transform:uppercase; font-size:1.50em; color:#779f42; font-style:italic; font-weight:bolder; }
.little { text-transform:uppercase; font-size:1.50em; color:#779f42; font-style:italic; }
.title { text-decoration:underline; color:#5a086e; font-size:1.25em; text-transform:uppercase; font-weight:bolder; padding: 8px 0 0; }
em { color:#669933; }
strong { color:#993399; }
.white { color:#fff }

/* layout */
.clearfix { clear: both; }
.clearfix-pad { clear: both; padding: 5px 0; }
.fleft { float: left; }
.fright { float: right; }

/*form styles*/
.float-left { float:left; text-align:left; width:50%; }
.float-right { float:right; text-align:right; width:50%; }
.form1 { background:#85bdcf; color:#024e68; text-transform:uppercase; border:0px; width:200px; padding:3px; margin-top:5px; }
.form2 { background:#fff; color:#85bdcf; border:1px solid #85bdcf; width:170px; padding:3px; margin-bottom:5px; }
.submit2 { background:#ca97d8; color:#FFF; text-transform:uppercase; text-align:center; border:0px; width:200px; padding:3px; margin:10px 0 0 0; }
.submit1 { background:#ca97d8; color:#FFF; text-transform:uppercase; text-align:center; border:0px; width:150px; padding:3px; margin:10px 0 0 0; }
label { width: 9em; float: left; text-align: left; margin-right: 0.5em; display: block; color:#024e68; font-weight:bold; }
.accept { width: 12em; float: left; text-align: left; margin: 0 0.5em 0 0; display: block; color:#024e68; font-weight:bold; }
.survey1 { width: 30em; float: left; text-align: left; margin: 0 0.5em 0 0; display: block; color:#024e68; font-weight:bold; }
.survey2 { width: 35em; float: left; text-align: left; margin: 0 0.5em 0 0; display: block; color:#024e68; font-weight:bold; }

/* pre defined stuff. form and captcha mostly */
.formstyle { background: #ffffff; padding:1px; margin-bottom:1px; border: 1px solid #cccccc; color: #333; font-family: Arial; color:#666; font-size: 0.80em; }
.phpstyle4 { color: #008000; }
.phpstyle3 { color: #c33131; }
.tickyellowbox { background: #eff6ef; border: 1px solid #008000; }
.tickredbox { background: #f9eaea; border: 1px solid #c33131; }
.linkbox { width: auto; border: 1px #BCCFDE solid; background:#DDE5ED; padding: 10px; }
a.greylinks:link { color: #333; text-decoration: underline; }
a.greylinks:visited { color: #333; text-decoration: underline; }
a.greylinks:active { color: #333; text-decoration: underline; }
a.greylinks:hover { color: #666; text-decoration: underline; }
.center { margin: 0; padding: 0; }

/* slider styling - index only*/
#left-slider-container { position: relative; padding: 0 10px; float: left; margin: 0 0 0 30px; }
#left-slider { margin: 0; }
#left-left-arrow, #right-left-arrow { position: absolute; left: -25px; top: 40px; }
#right-slider-container { position: relative; padding: 0 10px; float: right; margin: 0 30px 0 0; }
#right-slider { margin: 0; }
#right-right-arrow, #left-right-arrow { position: absolute; right: -25px; top: 40px; }
/* gen slider for every top level page except index */
#gen-slider-container { position: relative; padding: 0; margin: 0; float: right; width: 380px; }
#gen-slider { margin: 50px 0 0;}
#gen-arrows { float: right; width: 380px; overflow: hidden; padding: 3px 0 0; }
#gen-right-arrow { float: right; }
#gen-left-arrow { float: left; }

/* London area list */
#numbers-banner { width:229px; padding: 0; margin: 0 0 10px; color:#181818; font-size:1.0em; float: left; }
.londonarealist { background: #fff ; border: 1px solid #efefef; margin: 10px 0 0; color: #6d6c72; overflow: hidden }
.londonarealist a { color: #6d6c72; text-decoration: none; }
.area-list { overflow: hidden; clear: both; padding: 2px 0 0; }
.area-list:nth-child(odd) { background: #e4e4e4; }
.lal-left { float: left; padding: 0 0 0 8px; }
.lal-right { float: right; font-weight: bold; padding: 0 8px 0 0; font-size: 1.1em; }

/* london map callout */
#londonmap-container { float: left; text-align: center; }
#londonmap { padding: 0; background: url("images/london-map-bg.jpg") top center no-repeat ; height: 360px; width: 360px; position: relative; margin: 0 0 0 23px; }
#map1, #map2,#map3,#map4,#map5,#map6,#map7,#map8,#map9,#map10,#map11,#map12,#map13, #londonmap a { color: #1580a3; font-weight: bold; font-size: 1.1em; text-shadow: 0 0 2px #ffffff; }
#map1:hover, #map2:hover,#map3:hover,#map4:hover,#map5:hover,#map6:hover,#map7:hover,#map8:hover,#map9:hover,#map10:hover,#map11:hover,#map12:hover,#map13:hover, #londonmap a:hover { text-transform: uppercase; cursor: pointer; color: #ff0000; text-decoration: underline; }
#map1 { position: absolute; top: 120px; left: 111px; } /* Barnet */
#map2 { position: absolute; top: 205px; left: 245px; } /* Bexley */
#map3 { position: absolute; top: 225px; left: 195px; } /* Bromley */
#map4 { position: absolute; top: 250px; left: 140px; } /* Croydon */
#map5 { position: absolute; top: 205px; left: 57px; } /* Ealing */
#map6 { position: absolute; top: 100px; left: 143px; } /* Enfield */
#map7 { position: absolute; top: 152px; left: 74px; } /* Harrow */
#map8 { position: absolute; top: 124px; left: 183px; } /* Ilford */
#map9 { position: absolute; top: 205px; left: 137px; } /* Lambeth */
#map10 { position: absolute; top: 142px; left: 209px; } /* Romford */
#map11 { position: absolute; top: 187px; left: 15px; } /* Uxbridge */
#map12 { position: absolute; top: 133px; left: 18px; } /* Watford */
#map13 { position: absolute; top: 172px; left: 75px; } /* Wembley */

#js1:hover, #js2:hover, #js3:hover, #js4:hover, #js5:hover, #js6:hover, #js7:hover, #js8:hover, #js9:hover, #js10:hover, #js11:hover, #js12:hover, #js13:hover, .londonarealist a:hover { text-transform: uppercase; cursor: pointer; color: #ff0000; font-weight: bold; text-decoration: underline; }
pre { color: #ff0000; font-weight: bold; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; }

#map-text-1 { position: absolute; top: 32px; left: 32px; }
#map-text-1 p { font-size: 1.6em; font-weight: bold; color: #ff0000; }
#map-text-2 { position: absolute; bottom: 0; left: 0; width: 270px; }
#map-text-2 p { font-size: 1.0em; font-weight: normal; line-height: 1.2em; }
#big-ben { position: absolute; bottom: 0; right: 45px; }

/* services list */
#services-list-container { float: right; }
#video-presenter { background:url(images/presenter-bg.jpg); position: absolute; top: 127px; left: 595px; }
#services-list { margin: 0; }
#services-list ul { float: right; margin: 50px 0 0; list-style-image: url(images/small-tick.jpg); }
#services-list li { margin: 10px; }