html, body {

        
        background-color: #fff;
        color: #010203;
        font-family: 'Arial', sans-serif;
        font-size: 0.9em;
      }

      h1 {
        margin: 0px ; padding: 10px;
        font: 1.3em palatino, verdana, sans-serif ;
      }

      h2 {
          margin-top: 0;
          font: 1.2em  palatino, verdana, sans-serif ;


      }

      /* north panel */
	.ui-layout-pane-north {
		/* OVERRIDE 'default styles' */
		padding: 0 !important;
        overflow: hidden !important;
        /*
        background-image: url(/services/img/parking_bg.jpg) !important;
        background-position: 0% 100% !important;
        */
	}

      #header {
        color: #000 ;
        padding: 0;
        font-family: verdana, sans-serif ;

      }

      #header p {
          padding: 4px 10px ;
          margin: 0 ;
          background-color: silver ;
          color : #eee ;
          font: bold .8em verdana ;
      }
       #header p a {
           color: white ;
           }



#navlist {margin:0px -2em;padding:0px 1em;height:1.8em;
  line-height:1.8em;}
#navlist:focus {outline:none;}
#navlist li {list-style:none;margin:0px 0.2em 0px 0px;padding:0px;
  float:left;background:#eee url(/services/img/tabs-right.png) top right;}
#navlist li a, #navlist li strong {display:block;height:1.8em;
  padding:0px 2em;background:url(/services/img/tabs-left.png) no-repeat;
          text-decoration: none ; color:gray;}
#navlist li.this {background-position:100% -150px;
  border-bottom:solid 1px silver;}
#navlist li a:focus {border-bottom:solid 1px silver;}
#navlist li.this a, #navlist li.this strong
  {background-position:0px -150px;}
#navlist li strong {font-weight:normal;}
#navlist li:hover {background-position:100% -150px;}
#navlist li:hover a, #navlist li:hover strong
  {background-position:0px -150px; text-decoration: underline ; color: #000;}
#navlist li strong a {display:inline;padding:0px;background:none;}



      /* east panel */
      #panel1, #panel2{
          width: 200px;
          height: 200px ;
          background: #eee ;
          color: black;
          padding: 10px ;
          display: block ;
      }
      #panel2 {
          margin-top: 10px ;

      }

    /* west panel */
   .ui-layout-pane-west {
		/* OVERRIDE 'default styles' */
		padding: 0 !important;
        overflow: hidden !important;
        font: .9em verdana ;
    }
    .ui-layout-pane-west h3 {
		background-color: #e6e6e6;
        color: #050505 ;
        font: bold 1em verdana ;
        padding: 4px ;
        margin: 0 ;
	}
    .ui-layout-pane-west h2 {
		background-color: #050505;
        color: #e6e6e6 ;
        font: bold 1em verdana ;
        padding: 2px ;
        margin: 0 ;
	}

         .ui-layout-pane-west ul {
        padding-left: 0;
        margin : 0;
        border-bottom: 1px solid gray;
        }

         .ui-layout-pane-west li {
        list-style: none;
        margin: 0;
        padding: 0.25em;
        border-top: 1px solid gray;
        }

         .ui-layout-pane-west li a {
        text-decoration: none;
        }


 /* postcode entry */

    #send_pcode label { font-size: 2em ; }
    #send_pcode .submit {font-size: 2em; color: #fff ; background-color: #f00; }

    #pcode{
    	padding:2px;
    	outline:none;
        font-size: 2em ;
    }
    .focusField{
    	border:solid 2px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
    .idleField{
    	background:#EEE;
    	color: #6F6F6F;
		border: solid 2px #DFDFDF;
    }


/* gmap */

    #map_text {
    font: 0.8em verdana ;
    }

     #map_canvas {
     width: 400px;
     height: 800px;
     border: 2px solid gray ;
     padding-top: 10px ;

     }

/* accordion */

div.basic  {
	margin:  0;
	padding: 0;
}
.basic > div {
	background-color: #eee;
}
.basic > div.scrolling {
	overflow: auto !important;
}

.basic > div > p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic > a {
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background-image: url("/services/img/tab0.gif");
}
.basic > a.selected ,
.basic > a.active ,
.basic > a:hover {
	color: black;
	background-image: url("/services/img/tab2.gif");
}
.basic > a.active {
	color: #00C;
}