/* 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; }

h2 { color: #b3a51e; font-weight: normal; }
h4 { font-size: 90%; letter-spacing: 1px; margin: 20px 0 7px 0; color: #8e8478; font-weight: bold; text-transform: uppercase;}

ol li { margin-bottom: 7px; }

i { visibility: hidden; }
p { margin: 12px 0; }

a:link, a:visited { color: #a2990a; text-decoration: none; }
a:hover, a:active { color: #a2990a; text-decoration: underline; }

.clear { clear:both; }

/* 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: 100; 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: 9px 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 22px; }
#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-size: 11px; color: #83807e; }
#deptheader .search input.submit { width: 32px; height: 19px; margin-left: 8px; }

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




/* Drop Down Navigation */

#deptnavigation #nav, #deptnavigation #nav ul { /* all lists */ padding: 0;	margin: 0; z-index: 99; list-style: none;line-height: 1;height: 34px;}
#deptnavigation #nav a {display: block;	width: auto;color: #ffffff;	text-decoration: none; padding: 0 13px; }
#deptnavigation #nav li { background-repeat: no-repeat; background-position: 2px left;float: left;padding: 0;width: auto;height: 34px;line-height: 34px;margin: 0 10px 0 0; font-size: 10px; font-weight: bold; color: #ffffff; }
#deptnavigation #nav li ul {position: absolute;left: -999em;height: auto;width: 200px;font-weight: normal;margin: 0;background-image: none; background-color: #948a12;z-index: 10; opacity: .9;	filter: alpha(opacity=90);}
#deptnavigation #nav li li {width: 200px;font-size: 10px; height: 20px; line-height: 20px; background-image: none; margin:0; }
#deptnavigation #nav li ul a {width: 200px; padding: 0 10px; color: #ffffff;}
#deptnavigation #nav li ul ul {margin: -20px 0 0 200px;}

#deptnavigation #nav li:hover ul ul, #deptnavigation #nav li:hover ul ul ul, #deptnavigation #nav li.sfhover ul ul, #deptnavigation #nav li.sfhover ul ul ul {left: -999em;}
#deptnavigation #nav li:hover ul, #deptnavigation #nav li li:hover ul, #deptnavigation #nav li li li:hover ul, #deptnavigation #nav li.sfhover ul, #deptnavigation #nav li li.sfhover ul, #deptnavigation #nav li li li.sfhover ul {left: auto;}
#deptnavigation #nav li li:hover,#deptnavigation #nav li li.sfhover { background-color: #837a10; } 
#deptnavigation #nav li.about_us {  width: 71px; background-image:url(/wsimages/navigation/security-about.gif); }
#deptnavigation #nav li.services { width: 67px; background-image:url(/wsimages/navigation/security-services.gif); }
#deptnavigation #nav li.products { width: 67px; background-image:url(/wsimages/navigation/security-products.gif); }
#deptnavigation #nav li.case_studies { width: 93px; background-image:url(/wsimages/navigation/security-casestudies.gif); }
#deptnavigation #nav li.clientPortal { width: 65px; background-image:url(/wsimages/navigation/security-extranet.gif);}
#deptnavigation #nav li.faqs { width: 41px; background-image:url(/wsimages/navigation/security-faq.gif); }
#deptnavigation #nav li.latest_news { width: 49px; background-image:url(/wsimages/navigation/security-news.gif); }
#deptnavigation #nav li.employment { width: 88px; background-image:url(/wsimages/navigation/security-employment.gif); }
#deptnavigation #nav li.wsracing { width: 150px; background-image:url(/wsimages/navigation/security-wsracing.gif); }
#deptnavigation #nav li.mailing_list { width: 83px; background-image:url(/wsimages/navigation/security-mailinglist.gif); }
#deptnavigation #nav li.payments { width: 72px; background-image:url(/wsimages/navigation/security-payment.gif); }
#deptnavigation #nav li.contact { width: 62px; background-image:url(/wsimages/navigation/security-contact.gif); }
#deptnavigation #nav li a { background-image: url(/wsimages/navigation/security-divide.gif); background-position: right top; background-repeat: no-repeat; }
#deptnavigation #nav li li a { background-image: none;}


/* Main Content Area */
#maincontainer { background-color: #FFFFFF; width: 960px; margin: 0 4px 0 4px; min-height:460px; height: auto !important; height: 460px; padding-top:1px; position: relative;}
#maincontainer.clientlogin { background: #b7aa26 url(images/login-bg.jpg) no-repeat top left; }
#standardinternal { width: 960px; width/**/:/**/ 918px; padding: 18px 21px 18px 21px;  line-height: 150%;}


/* Standard Internal Page */
#standardhdr { width: 960px; border-top: 3px solid #FFFFFF; padding: 0 0 22px 0; background: url(images/internal-hdrimg-bg.gif) repeat-x bottom left; }
#standardhdr .hdrimage { display: block; width: 960px; height: 179px; }

#internalcontent { width: 960px; width/**/:/**/ 902px; padding: 0 29px 0 29px; position: relative; display: block; margin-top: 8px; }
h2.areatitle { font-size: 200%; color: #404040; margin: 0 0 0 -1px; line-height: normal; }
h1.pagetitle { font-size: 320%; color: #b3a51e; margin: -3px 0 48px -1px; line-height: normal; }

#internalcontent .backtocases { position: absolute; top: 0; right: 29px; }


/* Case Study */

.aboutstatement { font-size: 130%; font-family: Trebuchet MS, Tahoma, Arial; color: #7a6f64; line-height: 150%; margin: 0 0 10px 0; font-weight: bold; }
.statement { font-size: 130%; font-family: Trebuchet MS, Tahoma, Arial; color: #7a6f64; line-height: 150%; margin-bottom: 30px; font-weight: bold; }

#internalcontent .casestudy { width: 902px; display: block; background: url(images/casestudy-contentbg.gif) repeat-y top left; }
.casestudy .projectdetails { display: block; float: left; width: 268px; width/**/:/**/ 236px; padding: 0 32px 0 0; }
.casestudy .projectoverview { display: block; float: left; width: 374px; width/**/:/**/ 308px; padding: 0 40px 20px 26px; line-height: 140%; }
.casestudy .projectshots { display: block; float: left; width: 259px; }


.casestudy .projectshots img { padding: 5px; border: 1px solid #e4e4e4; }


.projectdetails table { width: 100%; }
.projectdetails th { text-align: left; padding: 5px 0 5px 0; width: 87px; border-bottom: 1px solid #e5e5e5; vertical-align: top; color: #a2990a; }
.projectdetails td { padding: 4px 0 4px 0; border-bottom: 1px solid #e5e5e5; vertical-align: top; color: #8f8a85; }
.projectdetails td a:link, .projectdetails td a:visited, .projectdetails td a:hover, .projectdetails td a:active { display: block; padding-left: 19px; margin-bottom: 4px; background: url(images/casestudy-servicearrow.gif) no-repeat 0px 2px; color: #2e2a26; }
.projectdetails td a.last:link, .projectdetails td a.last:visited, .projectdetails td a.last:hover, .projectdetails td a.last:active { margin-bottom: 0; }
.projectdetails a.furtherinfo:link, .projectdetails a.furtherinfo:visited { display: block; width: 236px; width/**/:/**/ 217px; padding: 6px 0 6px 19px; margin: 4px 0 15px 0; background: url(images/casestudy-servicearrow.gif) no-repeat 0px 8px; color: #000000; }
.projectdetails a.furtherinfo:hover, .projectdetails a.furtherinfo:active { display: block; width: 236px; width/**/:/**/ 217px; padding: 6px 0 6px 19px; margin: 4px 0 15px 0; background: url(images/casestudy-servicearrow.gif) no-repeat 0px 8px; color: #000000; }
.projectdetails h2 { color: #b0aca8; margin: 0 0 0 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bold; line-height: 130%; }

.projectoverview h2.overviewtitle { line-height: normal; font-size: 130%; color: #36312d; margin: 0 0 16px 0; }

.projectshots img { margin-bottom: 19px; }



/* Service Page */

.servicephoto {background-repeat: no-repeat; background-position: top left;display: block; width: 960px; height: 179px;}

.servicecol1 {float: left;width: 633px; padding-right: 49px; line-height: 160%; }
.servicecol2 {float: left; width: 220px;}
.servicecol2 .label {margin: 0 0 10px 0;}
.servicecol1 p {margin-top:0;}

.servicegrid {width: 220px; border: 1px solid #e5e5e5; border-bottom: none; margin-bottom: 30px;}
.servicegrid a { background-image: url(images/services-grid-arrow.gif); background-repeat: no-repeat; background-position: left center; display: block; border-bottom: 1px solid #e5e5e5; padding: 6px 8px 6px 26px; color: #7f7974; text-decoration: none; font-weight: normal; }

.servicegrid a:hover {color: #a2990a; font-weight: bold;}

.servicegrid a.selected { background-image: url(images/services-grid-active.jpg); background-repeat: repeat-x; background-color: #b2a507; display: block; border-bottom: 1px solid #e5e5e5; padding: 6px 8px 6px 8px; font-weight: bold; color: #ffffff; text-decoration: none; }


/* Contact Box */

.addressbox { width: 280px; padding-right: 20px; float: left; height: 170px; border-bottom: 1px solid #c7c5c4; line-height: 16px; }
.addressbox.last {border-bottom:none;}

/* Employment (overides default from global) */
#standardhdr .employmentimage { background: url(images/employment-header-photo.jpg) no-repeat top left !important; }
div.qHeader { color: #b3a51e !important; }

/* 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: #b7aa26; text-decoration: underline; }


/* News Articles */

#maincontainer .backtonews { position: absolute; top: 20px; right: 29px; width: 131px; height: 16px; cursor: pointer; }

.newsarticledate { font-weight: bold; color: #97908a; }
.newsgrid {width: 220px; border: 1px solid #e5e5e5; border-bottom: none; margin-bottom: 30px;}
.newsgrid .news { background-image: url(images/services-grid-arrow.gif); background-repeat: no-repeat; background-position: 2px 9px; display: block; border-bottom: 1px solid #e5e5e5; padding: 6px 8px 6px 26px; color: #97908a; text-decoration: none; font-weight: normal; }
.newsgrid a:hover {color: #a2990a; font-weight: bold;}


.news-item { width: 902px; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5; margin: 0 0 10px 0; }
.news-item .date  { color: #97908a; float: left; width: 150px; }
.news-item .article { float: left; width: 752px; }
.news-item .article h4 { margin: 0 0 4px 0; }


/* Wilson Rapid Video */
#rapidVid { margin: 20px 0; }

/* Wilson Appraisal */
div#ReviewStatistics { display: none; }
div#ReviewStatisticsLoading { padding: 50px 0 50px 350px; display: none; }
div#staffLoading { padding: 30px 0 0 350px; display: none; }
div#staffSearchResults { padding: 20px 0 0 20px; display: none; }
div#PendingAppraisals { padding: 20px 0 0 8px; }


/* Wilson Enquiry Form */
#contact-enquiry { width: 900px; padding: 39px 0 39px 0; border-top: 1px solid #c7c5c4; }
#contact-enquiry h1 { float: left; width: 300px; position: relative; color: #b3a51e; font-size: 24px; }
#contact-enquiry .formbody { margin: 0 0 0 302px; }
#contact-enquiry .col { float: left; width: 299px; }

#contact-enquiry label { display: block; margin: 0 0 3px; text-transform: uppercase; color: #8e8478; font-weight: bold; font-size: 90%; }
#contact-enquiry label span { color: #d52a2a; }
#contact-enquiry input.text { margin-bottom: 10px; width: 255px; font-family: Tahoma, Geneva, sans-serif; }
#contact-enquiry select { width: 259px; }
#contact-enquiry textarea { width: 557px; height: 79px; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }

#contact-enquiry #submitButton { float: right; margin: 20px 34px 0 0; }

#contact-enquiry div.error * { margin: 0; padding: 0; }
#contact-enquiry span.error { display: block; font-weight: bold; padding: 0 0 10px; margin: 0 0 10px; color: #d52a2a; border-bottom: 1px solid #c7c5c4; }
#contact-enquiry .thanks { font-weight: bold; }

/* Payments */
.paymentContainer { margin:0 4px; padding:18px 21px; }
.paymentLeft { float:left; width:280px; padding:9px 25px 27px 0; color:#8b8d8f;}
.paymentCenter { float:left; width:277px; border-left:1px solid #e3e2e1; color:#8b8d8f; border-right:1px solid #e3e2e1; padding: 9px 25px 27px 25px; margin-bottom:30px;}
.paymentRight { float:right; width:261px; color:#8b8d8f;}
.paymentRight img {margin:11px 0 33px 0;}

.paymentLeft h3 {display:block; margin:0;text-indent:-9999px; background:url(images/h3-wilsonParkingPayments.gif) no-repeat; width:231px; height:20px;}
.paymentCenter h3 {display:block; margin:0; background:url(images/h3-easipayDirectDebit.gif) no-repeat; width:185px; height:20px; text-indent:-9999px;}

.paymentLeft h4, .paymentCenter h4, .paymentRight h4 { color:#595149; text-transform:none; font-size:12px; letter-spacing:normal;}

.paymentLeft h3.payments strong, .paymentCenter h3.payments strong, .paymentRight h3.payments strong { font-weight:bold;}
.paymentLeft p.intro, .paymentCenter p.intro, .paymentRight p.intro { font-weight:bold; color:#8b8d8f;}
.paymentLeft a, .paymentCenter a, .paymentRight a {font-weight:bold; text-decoration:none;}

#col1 {float:left; width:435px;}
#col1 label { font-weight:bold; float:left; margin:6px 0 0 0; padding:0; width:163px;color:#010101;}
#col1 label#amount {height:65px; background:url(images/about-label.gif) no-repeat 155px 2px;}
#col1 textarea { width:266px; height:40px;}
#col1 p {display:block; border-bottom:1px solid #e3e2e1; padding: 7px 0; float:left;width:435px; margin:0;}
#col1 p strong {color:#010101;}

#col1 input.text, #col2 input.text {width:266px; height:18px; padding:2px 0 0 0; float:left; color:#121212; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif; }

#col1 input.amount {margin-bottom:4px;}

#col2 {float:right; width:433px;}
#col2 label { font-weight:bold; float:left; margin:6px 0 0 0; padding:0; width:163px;color:#010101;}
#col2 label span {font-weight:normal;}
#col2 p {display:block; border-bottom:1px solid #e3e2e1; padding: 7px 0; float:left;width:435px; margin:0; position:relative;}
#col2 select {float: left;color:#121212; font-size:12px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
#col2 select.mm {margin-right:10px;}
#col2 select.yy { margin:0 0 0 12px;}
#col2 input.cvv {width:63px;}
#col2 p#aboutcvv {height:65px;}
#col2 .aboutcvv {width:142px; float:left; position:absolute; left:0; top:30px;}
#col2 .button {margin:20px 0 0 165px;}

#col2 select.yy {
    // Safari won't read the next line
    // because of the floating pound sign
     margin:-13px 0 0 12px;
    #
}

* Payment Page Logo */
.paymentContainer h1.pagetitle { display: block; margin-right: 220px; }
* html .paymentContainer h1.pagetitle object,
* html .paymentContainer h1.pagetitle embed { float: left; }
.paymentContainer .wilson_logo,
.paymentContainer .global_logo { width: 207px; float:right;margin-top:5px;}
.paymentContainer .wilson_logo img,
.paymentContainer .global_logo img { float: right; }
.paymentContainer .no-show { display:none; }