body {cursor:default; text-align:center; background:#ddedf4 url(/style/page-bg.png) repeat-y center top;}
body, html {margin:0; padding:0;}

.greyed, .frame3A {background:#fff url(/style/greyed.png);}
.greyed-blue, .greyedHeading {background:#fff url(/style/greyed-blue.png);}
.greyedHeading {border-top:1px solid #5ea3ba; border-bottom:1px solid #5ea3ba; padding:7px 0 7px 25px;}

/* remove outline from all buttons */
button {outline: #FFFFFF solid;}

#gui2, #gui3, #gui4 {position:relative;}
#gui2 {z-index:3;}
#gui3 {z-index:1;}
#gui4 {z-index:2;}

/* Column Layout */
#gui3 {width:100%;}
#gui3, #gui4 {float:left;}
#gui3, #gui4, #gui5 {padding:18px 0 0;}
#gui4 {width:232px; margin-left:-233px;}
#gui4 * {position:relative;}
#gui4 {top:-20px; padding-top:38px;}
#gui3padder {padding:0 242px 0 0;}

.colsLeft #gui4 {width:232px; margin-left:-100%;}
.colsLeft #gui3padder {padding:0 0 0 242px;}

.widerColumn #gui4 {width:267px; margin-left:-268px;}
.widerColumn #gui3padder {padding:0 277px 0 0;}

.colsLeft .widerColumn #gui4 {width:267px; margin-left:-100%;}
.colsLeft .widerColumn #gui3padder {padding:0 0 0 277px;}

/* Calendar Corrections */
.calendar, #gui4 .calendar {position:absolute; z-index:999;}
.calendar {left:90px;}
#gui4 .calendar {left:-420px; position:absolute;}
#gui4 .calendar .calnavright, #gui4 .calendar .calnavleft, #gui4 .calendar .calclose, #gui4 .calendar iframe {position:absolute;}
#gui4 .calendar .calclose {left:15px; top:-16px;}

/* Header */
#gui1 {text-align:left; margin:0 auto; width:944px;}
#gui2 {background:url(/style/head.png) repeat-x 0px 0px;}
#gui2 .l2 {background:url(/style/head-left-corner.png) no-repeat bottom left;}
#gui2 .l3 {background:url(/style/head-right-corner.png) no-repeat bottom right; position:relative; height:226px;}
#gui2 .l4 {width:998px; position:absolute; left:-30px; top:0px; background:url(/style/top-left-trim.png) no-repeat 0px 0px;}
#gui2 .l5 {height:226px; background:url(/style/top-right-trim.png) no-repeat top right; padding:0 24px 0 30px;}
#gui2 img {display:none;}
#gui2 h2 {padding:62px 0 0 155px; margin:0;}
#gui2 h2 a {display:block; width:496px; height:84px; background:url(/style/logo.png) no-repeat 0px 0px;}
#gui2 h4, #gui2 h2 a span {display:none;}

/* Main Navigation */
#gui2 ul {margin:24px 7px 0; padding:0; background:#900;}
#gui2 ul li, #gui2 ul li a {display:block; float:left;}
#gui2 ul li {height:50px; padding:0 0 0 11px; background:url(/style/nav-split.png) no-repeat 0px 0px; position:relative;}
#gui2 ul li.home {padding:0; background:none;}
#gui2 ul li a {width:123px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; line-height:49px; font-size:11.5pt; letter-spacing:-1px;}
#gui2 ul li a.twolines {line-height:16px; letter-spacing:0px; padding-top:9px;}
#gui2 ul li a:hover {color:#784204;}

/* Sub Navigation */
#gui2 ul ul {position:absolute; top:50px; left:10px; margin:0; padding:0; width:230px; display:none;}
#gui2 li.over ul {display:block;}
#gui2 ul ul li {width:100%;height:auto;padding:0;margin:0;background:#f6921d;border-top:1px solid #fdbc70;border-bottom:1px solid #b36a14;}
#gui2 ul ul li a {font:bold 10pt "Trebuchet MS", Arial; text-align:left; width:100%; height:auto; letter-spacing:0.02em;}
#gui2 ul ul li a:hover {background:#5ea3ba; text-decoration:none; color:#fff;}
#gui2 ul ul li a span {display:block; padding:3px 6px 4px 15px;}

#gui2 ul ul.airportParking {width:258px;}
#gui2 ul ul.meetGreet {width:245px;}
#gui2 ul ul.parkRide {width:280px;}
#gui2 ul ul.parkingProviders {/*width:124px;*/ width:210px;}

/* Frames */
.frame1A {background:#a6cfe3 url(/style/frm1-tl.png) no-repeat 0px 0px;}
.frame1B {background:url(/style/frm1-tr.png) no-repeat top right;}
.frame1C {background:url(/style/frm1-bl.png) no-repeat bottom left;}
.frame1D {background:url(/style/frm1-br.png) no-repeat bottom right;}
.frame2A {background:#7db5c9 url(/style/frm2-tl.png) no-repeat 0px 0px;}
.frame2B {background:url(/style/frm2-tr.png) no-repeat top right;}
.frame2C {background:url(/style/frm2-bl.png) no-repeat bottom left;}
.frame2D {background:url(/style/frm2-br.png) no-repeat bottom right;}

.frame3B {background:url(/style/frm3-top.png) repeat-x 0px 0px}
.frame3C {background:url(/style/frm3-bottom.png) repeat-x bottom left}
.frame3D {background:url(/style/frm3-left.png) repeat-y 0px 0px}
.frame3E {background:url(/style/frm3-right.png) repeat-y top right}
.frame3F {background:url(/style/frm3-top-left.png) no-repeat 0px 0px}
.frame3G {background:url(/style/frm3-top-right.png) no-repeat top right}
.frame3H {background:url(/style/frm3-bottom-left.png) no-repeat bottom left}
.frame3I {background:url(/style/frm3-bottom-right.png) no-repeat bottom right; padding:10px 28px 25px;}
.frame3A h2 {font-size:21pt; color:#fff; padding:8px 0; margin:0 0 12px; position:relative;}
.frame3A form {/*padding:0 6px;*/}

/* Right Column */
.frame1D, .frame2D {padding:9px;}
#contactCall1 {margin:0 0 -27px; background:url(/style/contact-talk.png) no-repeat top right; font-size:17pt; padding:26px 80px 0 0; line-height:17pt; top:-24px;}
#contactCall2 {color:#5ea3ba; margin:0 0 -5px; background:url(/style/contact-talk2.png) no-repeat top right; font-size:18pt; /*padding:22px 80px 5px 12px; line-height:19pt;*/ top:-14px; height:126px;}
#contactCall2 strong, #contactCall2 span {color:#054761;}
#contactCall2 span {display:block; font-size:29pt; margin:0 -70px 0 0; text-align:center; padding:12px 0; letter-spacing:-3px;}
#contactCall2 b {display:none;}
#telephone1 {font-size:24pt; letter-spacing:-1px; margin:3px -1px; color:#fff; text-align:center;}
#colComparing h3 {background:#f7921e; color:#fff; margin:0 0 8px; padding:6px 8px; font-size:21pt; line-height:20pt;}
#colComparing h3 span {display:block; padding:0 0 0 50px; font-size:15pt;}
#colComparing ul {margin:0; padding:0;}
#colComparing li {padding:0; margin:0 0 3px; background:none; width:100%;}
#colComparing li a {display:block; background:#fff; color:#00529c; padding:3px 0 3px 8px; text-decoration:none; font-size:8pt;line-height:10pt;}
#colComparing li a strong {font-size:9pt;}
#colComparing li a:hover {background:#f6921d; color:#fff;}

#gui4 #compare {background:url(/style/column-compare2.png) repeat-y 0px 0px; width:267px;}
#gui4 #compare .level2 {background:url(/style/column-compare3.png) no-repeat left bottom; width:267px;}
#gui4 #compare h3 {background:url(/style/column-compare1.png) no-repeat 0px 0px; margin:0; height:85px; padding:6px 10px 0; font-size:15pt; line-height:17pt;}
#gui4 #compare h3 span {display:block;}

/* Home Page */
#topParkingDeals {width:344px;float:right;}
#topParkingDeals h2 {font-size:20pt; margin:0; letter-spacing:-1px;}
#topParkingDeals h4 {color:#fff; padding:0 0 0 60px; margin:0 0 4px; font-size:12pt; letter-spacing:-1px;}
#topParkingDeals .greyed {border:7px solid #fff; padding:10px 0 0; margin:6px 0;}
#topParkingDeals .level2 {width:100%;}
#topParkingDeals .deal {background:#f6921d; width:29%; margin:0 2% 10px 2%; float:left; text-align:center;}
#topParkingDeals .deal h5 {color:#033245; font-weight:bold; margin:0; padding:3px 0; line-height:18px; font-size:12pt; letter-spacing:-1px; width:90%;}
#topParkingDeals .deal h5 span {display:block; font-size:10pt;}
#topParkingDeals .deal p {color:#fff; font-weight:bold; margin:0; padding:3px 0; line-height:19px;}
#topParkingDeals .deal p span {font-size:20pt; display:block; letter-spacing:-1px;}
#topParkingDeals .deal button {width:90%; margin:0 auto 4px; font:bold 9pt "Trebuchet MS"; color:#033245; background:#fff; padding:0; text-transform:uppercase; cursor:pointer;}

/* Content */
.contentGradient {background:#fff url(/style/gradient1.png) repeat-x bottom left; padding:20px 40px 60px; margin:0 0 20px; border-bottom:1px solid #5ea3ba;}
.logoright {background:url(/style/logo-small.png) no-repeat right bottom; padding:10px 100px 30px 0; position:relative;}
.logoleft {background:url(/style/logo-small.png) no-repeat left bottom; padding:0 0 30px 150px;}

ul.meet-greet-list {margin:0; padding:0; width:100%;}
ul.meet-greet-list li {background:none; padding:0; margin:0; width:100%; clear:both;}
ul.meet-greet-list li a {text-decoration:none; color:#333; font-weight:bold;}
ul.meet-greet-list li a:hover {color:#fc8a05;}
ul.meet-greet-list li img, ul.meet-greet-list li span {float:left; margin:0 0 40px;}
ul.meet-greet-list li span {display:block; padding:5px 0 0 20px; cursor:pointer;}

#gui4 ul.meet-greet-list li {float:left; width:119px; clear:none; padding:20px 0 0 10px;}
#gui4 ul.meet-greet-list li img {width:119px;}
#gui4 ul.meet-greet-list li.clear {width:100%; height:1px; overflow:hidden; clear:both; float:none;}

.allMajorProviders {background:url(/style/compare1.png) repeat-y top right;}
.allMajorProviderslevel2 {background:url(/style/compare2.png) no-repeat right bottom;}

#gui3 #compare {width:344px; float:right;}
/*#gui3 #compare .level2 { width:344px; height:358px; overflow:hidden;}*/
#gui3 #compare h3 {background:url(/style/compare3.png) no-repeat 0px 0px; margin:0; padding:6px 10px 11px; font-size:19pt; line-height:18pt;}
#gui3 #compare h3 span {display:block; padding-left:100px;}
#gui3 #compare ul {margin:0; padding:0 2px; height:295px; overflow:hidden;}
#gui3 #compare ul li {margin:0; padding:16px 0 0 12px; background:none; float:left;}
#gui3 #compare ul li a img {border:none;}

#notes {margin:0 0 10px; padding:0; width:100%;}
#notes li {background:none; margin:0; padding:0; width:24%; float:left; text-align:center;}
#notes li span {display:block; padding:10px; font:7pt Arial; color:#075979;}
#notes li.clear {clear:both; float:none; width:100%; height:1px; overflow:hidden;}

/* Parking Providers */
/*.contentGradient2 {background:#fff url(/style/gradient1.png) repeat-x bottom left; padding:20px 40px 60px; margin:0 0 20px; border-bottom:1px solid #5ea3ba;}
#gui6 {width:163px; float:left; margin-left:10px;}
#gui6 .logoprov {width:123px;}
#gui6 p span{ color:#054761}*/

/* Forms */
form.quote {padding:10px 0;}
form.quote .field {padding:0 0 12px; width:100%;}
form.quote .field label {display:block; width:100%; font-weight:bold; font-size:11pt; letter-spacing:-1px; padding:2px 0 4px; color:#033245;}
form.quote .field em {display:block; font:7pt Arial;}
form.quote select, form.quote input.text, form.quote textarea {background:#7fd6f7; width:95%; line-height:20px; height:20px;}
form.quote select.whitebg, form.quote input.whitebg, form.quote textarea.whitebg {background:#fff;}
form.quote button {width:169px; line-height:1px; height:49px; border:none; outline:none; background:url(/style/get-quote-button1.png) no-repeat 0px 0px; cursor:pointer;}
form.quote button.hover {background-image:url(/style/get-quote-button1-hover.png);}
form.quote button span {display:none;}
form.quote .datefield {float:left; width:100%; margin:0 -25px 0 0;}
form.quote .datefield .level2 {padding:0 25px 0 0}
form.quote .datetoggle {float:right; padding:25px 0 0;}

/* PPC landing */
form.quote ppcbutton {width:169px; line-height:1px; height:49px; border:none; background:url(/style/ppc-get-quote-button1.png) no-repeat 0px 0px; cursor:pointer;}
form.quote ppcbutton.hover {background-image:url(/style/ppc-get-quote-button1-hover.png);}
form.quote ppcbutton span {display:none;}
#newcol h3 {background:#FC9F28;margin:5px 0;padding:7px;font:bold 13.5pt Arial;color:#fff;}
#newcol ul, #newcol li {list-style-type:none; margin:0; padding:0;}
#newcol li {font:bold 12.5pt/13pt "Trebuchet MS"; color:#457D8E; margin:4px 0; padding:5px 0 5px 30px; background:url(/style/bull.png) no-repeat 0px 3px;}
.orangeHeading {background: none repeat scroll 0 0 #FF9933; color: #FFFFFF; padding: 7px 0px 0px 25px;}


form.wideQuote .field {padding:6px 0;}
form.wideQuote .field label {width:120px; float:left; text-align:right;}
form.wideQuote .field input.text, form.wideQuote .field select, form.wideQuote .field textarea {width:61%; margin-left:2%; float:left;}
form.wideQuote .datefield {float:left; width:100%; margin:0 -25px 0 0;}
form.wideQuote .datefield .level2 {padding:0 0 0 0}
form.wideQuote .datetoggle {float:left; padding:4px 0 0;}
form.wideQuote .field em {text-indent:42px;}

form.booking {font-size:8pt;}
form.booking h3 {font-size:17pt; color:#054761;}
form.booking label {display:block; float:left; width:150px; margin:0 12px 0 0; text-align:right; padding:3px 0 0;}
form.booking label em {display:block; font-style:normal; font-size:7pt;}
form.booking hr {color:#5ea3ba; background:#5ea3ba;}
form.booking .field {padding:0 0 13px}
form.booking input.text {border:1px solid #d0ebf6; border-left-color:#538ca2; border-top-color:#538ca2;}
form.booking input.text, form.booking select, form.booking textarea {background:#7fd6f7; height:20px; width:180px;}
form.booking .error input.text, form.booking .error select, form.booking .error textarea {width:178px; border:2px solid #F00; background:#FCC;}
form.booking input.whitebg, form.booking select.whitebg, form.booking textarea.whitebg,
form.booking .error input.whitebg, form.booking .error select.whitebg, form.booking .error textarea.whitebg {background:#fff;}
form.booking .error input.whitebg, form.booking .error select.whitebg, form.booking .error textarea.whitebg {border:2px solid #FCC;}
form.booking #totalPayment {color:#075979; margin:0 0 20px 162px; padding:0; line-height:25px;}
form.booking #totalPayment strong {display:block; font-size:30pt; letter-spacing:-2px;}
form.booking button {width:138px; line-height:1px; padding:0; height:48px; border:none; margin:0 0 0 162px; background:url(/style/book-button.png) no-repeat 0px 0px; cursor:pointer;}
form.booking button.hover {background-image:url(/style/book-button-hover.png);}
form.booking button span {display:none;}
#PopupSecurityDetails {width:18px; height:18px; left:270px; top:2px; position:absolute; background:url(/style/pop-up.png) no-repeat 0px 0px; overflow:hidden;}
#PopupSecurityDetails.open {background-image:url(/style/pop-up-open.png); width:393px; height:212px; top:-99px;}
.errorBox div.box {float:left; margin:0 0 0 5%; width:60%; padding:0 40px 8px 8px; background:#FCC url(/style/error.png) repeat; border:5px solid #F00; font-weight:bold;}
.errorBox div.box strong {color:#F00; font-size:20pt}
.errorBox img.car {float:left; margin:10px 0 0 -35px;}

/* Footer */
#footer {font:10px Arial; text-align:right; padding:10px 0; border-top:1px solid #5ea3ba;}
#footer span {color:#fc8a05;}
#footer a {text-decoration:none; color:#fc8a05;}
#footer a:hover {color:#267996;}

#preload {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; overflow:hidden;}
