/* Wilson Parking Core */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

form { margin: 0; padding: 0;}

body { margin: 14px 0 32px 0; background-color: #d5d4d4; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #595149; font-size: 71%; }

#sitecontainer { margin: 0 auto; width: 968px; }

.visibility { visibility: hidden; }


/* Main Header Area */
#mainheader { display: block; width: 960px; margin: 0 4px 0 4px; }
#mainheader .globalnav { position: relative; display: block; width: 960px; height: 26px; background: url(images/globalnav-top.gif) repeat-x top left; }
#mainheader .sectioncolours { z-index: 9; display: block; width: 960px; height: 3px; }
#mainheader #deptheader { display: block; width: 960px; height: 65px; border-bottom: 1px solid #7c7977; background: #25201c url(images/areaheader-bg.jpg) no-repeat top right; z-index: 1;}
#mainheader #deptnavigation { z-index: 10; display: block; width: 960px; width/**/:/**/ 948px; height: 34px; padding-left: 12px; }

.globalnav img.corners { position: absolute; z-index: 100; top: 0; left: 0; width: 960px; height: 4px; }
.globalnav img.country { position: absolute; top: 0; left: 0; z-index: 110; margin: 7px 0 0 22px; }
.globalnav .deptselector { display: block; float: right; width: 507px; width/**/:/**/ 462px; height: 26px; padding-left: 45px; background: url(images/global-selector-bg.jpg) no-repeat top right; }

#deptheader img.deptlogo { float: left; padding: 13px 0 0 16px; }
#deptheader .search { z-index: 9; display: block; float: right; margin-right: 14px; margin-top: 25px; }
#deptheader .search table { width: 175px; height: 34px; }
#deptheader .search form { margin: 0; padding: 0; }
#deptheader .search input.text { width: 134px; width/**/:/**/ 131px; height: 19px; height/**/:/**/ 16px; padding: 3px 0 0 3px; border: none; background: url(images/search-bg.gif) no-repeat top left; font-family: Lucida Grande, Lucida Sans, Arial, Helvetica, sans-serif; color: #83807e; }
#deptheader .search input.submit { width: 32px; height: 19px; margin-left: 8px; }

#deptnavigation.parking { background: #ef9020 url(images/navbg-parking.gif) repeat-x top left; }

#deptnavigation a:link, #deptnavigation a:visited, #deptnavigation a:hover, #deptnavigation a:active { margin: 0 6px 0 6px; }

/* Main Content Area */
#maincontainer { background-color: #FFFFFF; width: 960px; margin: 0 4px 0 4px; }
#maincontainer.wilsonparking { border-bottom: 2px solid #e16b03; }


/***** Homepage Content *****/
#homepagecontainer { display: block; width: 960px; height: 500px; background: #ffb43f url(images/homepage-content-bg.jpg) no-repeat top left; border-top: 3px solid #FFFFFF; }

#homepagecontainer .hpcopy { display: block; float: left; width: 296px; width/**/:/**/ 263px; padding-left: 33px; margin: 28px 0 0 0; color: #402903; }
#homepagecontainer .hpparkinginfo { display: block; float: left; width: 649px; height: 456px; height/**/:/**/ 428px; padding: 28px 0 0 0; }

.hpcopy h1 { margin: 15px 0 6px 0; color: #FFFFFF; font-size: 280%; font-weight: normal; }
.hpcopy .hpcopytext { padding-right: 55px; font-size: 110%; line-height: 140%; margin-bottom: 10px; }


/* Carpark Selector */
.hpparkinginfo .hpcarparkselector { display: block; width: 649px; height: 306px; background: url(images/hp-carparkselector-bg.jpg) no-repeat top left; }
.hpparkinginfo .hpstateparksselector { display: none; width: 649px; height: 306px; background: url(images/hp-carparkselector-bg.jpg) no-repeat top left; }
.hpparkinginfo .hppromos { display: block; width: 649px; height: 150px;  }


/* Carpark Selector Step 1 */
.hpcarparkselector .hpeasylocator { display: block; position: relative; height: 76px; background: url(images/homepage-easylocator-title.gif) no-repeat top left; }
.hpcarparkselector .hpcarparksmap { display: block; float: left; width: 221px; width/**/:/**/ 200px; height: 216px; height/**/:/**/ 193px; padding: 23px 0 0 21px; }
.hpcarparkselector .hpstateselect { display: block; float: left; width: 414px; width/**/:/**/ 379px; height: 216px; height/**/:/**/ 193px; padding: 23px 17px 0 18px; }

.hpeasylocator .figurecarparks { display: block; position: absolute; top: 0; right: 14px; width: 162px; height: 70px; padding: 0; background: url(images/homepage-carparksfigure-bg.gif) no-repeat top left; }
.figurecarparks .figure { display: block; width: 53px; padding-top: 29px; text-align: center; }
.figure h4 { display: inline; margin: 0; font-size: 160%; color: #FFFFFF; font-weight: bold; width: 52px; text-align: center; line-height: normal; }

.hpstateselect img.stateselectitle { margin-left: 0px; margin-bottom: -1px; }
.hpstateselect .listedstates { display: block; height: 105px; margin-top: 7px; }
.listedstates a:link, .listedstates a:visited { display: block; float: left; width: 189px; width/**/:/**/ 171px; padding: 4px 0 3px 18px; border-bottom: 1px solid #eae7e4; background: url(images/hp-arrow-listedstate.gif) no-repeat 2px 5px; color: #595149; text-decoration: none; }
.listedstates a:hover, .listedstates a:active { display: block; float: left; width: 189px; width/**/:/**/ 171px; padding: 4px 0 3px 18px; border-bottom: 1px solid #eae7e4; background: url(images/hp-arrow-listedstate.gif) no-repeat 2px 5px; color: #ff8804; text-decoration: none; }

.hpstateselect .moreoptions { display: block; }
.moreoptions .optionlinks { display: block; margin-top: 6px; }
.optionlinks a:link, .optionlinks a:visited { display: block; float: left; width: 182px; width/**/:/**/ 164px; padding: 4px 0 3px 18px; background: url(images/hp-arrow-listedstate.gif) no-repeat 2px 5px; color: #595149; text-decoration: none; }
.optionlinks a:hover, .optionlinks a:active { display: block; float: left; width: 182px; width/**/:/**/ 164px; padding: 4px 0 3px 18px; background: url(images/hp-arrow-listedstate.gif) no-repeat 2px 5px; color: #ff8804; text-decoration: none; }


/* Carpark Selector step 2 */
.hpstateparksselector .statemap { display: block; float: left; width: 221px; width/**/:/**/ 200px; height: 292px; height/**/:/**/ 193px; padding: 99px 0 0 21px; background: url(images/homepage-easylocator-title.gif) no-repeat top left; }
.hpstateparksselector .statecarparks { display: block; float: left; width: 414px; width/**/:/**/ 379px; height: 292px; padding: 0 17px 0 18px; }

.statecarparks h2 { margin: 0 0 5px 0; font-size: 130%; color: #fd9300; }
.statecarparks form { height: 76px; margin: 0 0 22px 0; padding: 0; }
.statecarparks table { width: 100%; height: 69px; }
.statecarparks th { width: 189px; width/**/:/**/ 179px; padding-right: 10px; text-align: left; }
.statecarparks select { color: #000000; width: 190px; font-size: 90%; }

.statecarparks .listofcarpark { display: block; height: 190px; }
.listofcarpark .listedcarpark { display: block; float: left; width: 189px; width/**/:/**/ 171px; padding: 4px 0 3px 18px; border-bottom: 1px solid #eae7e4; background: url(images/hp-arrow-listedstate.gif) no-repeat 2px 5px; color: #aca8a4; }
.listedcarpark.empty {background-image: none !important; display: block; float: left; width: 189px; width/**/:/**/ 171px; padding: 4px 0 3px 18px; border-bottom: 1px solid #eae7e4; color: #aca8a4; }
.listedcarpark a:link, .listedcarpark a:visited { margin-right: 6px; color: #595149; text-decoration: none; }
.listedcarpark a:hover, .listedcarpark a:active { margin-right: 6px; color: #ff8804; text-decoration: none; }



/* Homepage Promo's */
.hppromos .platinumpark { display: block; float: left; width: 221px; width/**/:/**/ 207px; height: 150px; padding-left: 14px; background: url(images/promo-platinum-bg.jpg) no-repeat top left; }
.hppromos .enforcepayments { display: block; float: left; width: 209px; width/**/:/**/ 207px; height: 150px; padding-left: 2px; background: url(images/promo-enforcepayments-bg.jpg) no-repeat top left; }
.hppromos .bookabay { display: block; float: left; width: 219px; width/**/:/**/ 217px; height: 150px; padding-left: 2px; background: url(images/promo-bookabay-bg.jpg) no-repeat top left; }


/* Footer */
#footer { font-size: 90%; position: relative; display: block; width: 968px; width/**/:/**/ 948px; height: 42px; height/**/:/**/ 31px; padding: 11px 0 0 20px; background: url(images/footer-bg.gif) repeat-x top left; }
#footer img.footerleft { position: absolute; top: 0; left: 0; width: 10px; height: 42px; }
#footer img.footerright { position: absolute; top: 0; right: 0; width: 10px; height: 42px; }

#footer a:link, #footer a:visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #817f7c; text-decoration: none; }
#footer a:hover, #footer a:active { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e16b03; text-decoration: underline; }