/* Common */
body, table, input, select, textarea {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; }
body {background-color: #cccccc; text-align: left; } 
body, form {margin: 0; padding: 0; }
input, select, textarea {font-size: 1em;  }
img {border: 0;}
small {font-size: 0.85em; }
dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left; }
dl.col dd {margin-left: 0.5em; }
.center {text-align: center; }
.clr {clear: both; }

h1 {font-family: Arial, Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 1.9em; color: #1f3871; margin: 0; padding: 0.2em 0 0.0em 0; }
h1 em { color: #FE0000; }
h2 {font-family: Helvetica,Arial, Verdana, sans-serif; font-weight: bold; font-size:1.9em; color: #1f3871; }
h3 {font-family: Helvetica,Arial, Verdana, sans-serif; font-weight: bold; font-size:14px; padding:2px 0;margin:0;  }

.ib { border:1px solid #000000; }

a { text-decoration: none; color: #105acb; }
a:hover { text-decoration: underline; color: #105ACB; }

table th,td { vertical-align:top; }

em { color:#ff0000; font-weight:bold; }
#main {
  text-align: center;
  width:970px;
  margin: 0 auto;
  background-color:#ffffff;
  background-image:url(../images/concept/content.jpg);
  background-repeat:repeat-y;
}

#content {
  text-align:left;
  padding:20px 30px 20px 40px;
  width:900px;
}
#content_nomenu {
  width:900px;  
  background-color:#ffffff;
  padding:5px;
  text-align: left;  
}
#header {
  height:194px;
  width:970px;
  background-image:url(../images/concept/header.jpg);
  background-repeat:no-repeat;
}
#header img {
  margin-top:20px;    
}
.divider {
  width:940px;
  background-color:#105ACB;
  height:3px;
  border-top:1px solid #0D4DAD;
  border-bottom:1px solid #176DED;
}

#menu {
  width:160px;
  border-right:1px dashed #999999;
  background-color:#eeeeee;
  text-align: left;
  padding:0;
  margin:5px;
  float:left;
}
#menu li {
  padding:4px;
  margin:0;
  border-bottom:1px dotted #999999;
  list-style:none;
}

#menu li a {
  text-decoration:none;
  color:#000000;
}

#menu li a:hover {
  text-decoration:underline;
  color:#105ACB;
}

#footer {
  width:970px;
  height:67px;
  padding:10px 0;
  color:#ffffff;
  font-size:0.8em;
  clear:both;
  background-image:url(../images/concept/footer.jpg);
}
#footer a { color:#ffffff; }

#aerial { float:right; margin:0 0 5px 5px;  }

#boxes {
  clear:both;
  width:100%;
}
#result {
  margin:0;padding:0;
  display:none;
  position:absolute;
  top:50px;
  left:500px;
}

#parkingBox,#bookingBox,#resultBox,#quoteBox {
  background-repeat:no-repeat;
  padding:15px 20px;
}

#parkingBox {
  background-image:url(../images/parking_box.gif);
  color:#ffffff;
  height:360px;
  width:402px;    
}
#quoteBox {
  background-image:url(../images/parking_quote_box.gif);
  color:#ffffff;
  height:118px;
  width:322px;    
}
#resultBox {
  color:#ffffff;
}

#bookingBox {
  background-image:url(../images/book_box.gif);
  color:#000000;
  height:1120px;
  width:412px;
}

#parkingBox h2,#bookingBox h2,#resultBox h2 {
  color:#ffffff;
  font-weight:bold;
  font-family:Arial,Verdana,sans-serif;
  text-transform: uppercase;
  font-size:1.3em;
  padding:0 0 5px 0;
  margin:0;
  border-bottom:1px solid #ffffff;
}

#quoteBox h2 {
  color:#ffffff;
  font-weight:bold;
  font-family:Arial,Verdana,sans-serif;
  text-transform: uppercase;
  font-size:1.5em;
  padding:0 0 5px 0;
  margin:0;
  text-align: center;
}
#parkingBox h2,#resultBox h2 {
  color:#ffffff;
  border-bottom:1px solid #ffffff;
  padding-left:15px;
}

#bookingBox h2 {
  color:#000000;
  border-bottom:1px solid #000000;
}

#parkingBox table th,#bookingBox table th,#resultBox table th {
  padding:2px 5px 2px 0;
  vertical-align: top;
}
#parkingBox table th,#resultBox table th,#resultBox table td,#parkingBox table td {
  color:#ffffff;
}

#parkingBox table td,#bookingBox table td,#resultBox table td {
  padding:2px;
  vertical-align: top;
}

#bookingBox table th {
  color:#000000;
}

#parkingBox select { margin-right:2px;}
#parkingBox input { width:80px; }
#parkingBox strong { color:#ffffff; }
#cbtn,#bbtn,#pbtn {
  width:169px;
  height:32px;
  background-position:top left;
  display:block;
}
#cbtn {
  background-image:url(../images/calculate_btn.gif);
}
#qbtn {
  background-image:url(../images/quote_btn.gif);
  width:274px;
  height:28px;
  background-position:top left;
  display:block;
  margin:5px auto;
}
#b_btn,#q_btn {
  background-image:url(../images/booking_btn.jpg);
  width:270px;
  height:25px;
  background-position:top left;
  display:block;
  margin:5px auto;
}
#b_btn {
  background-image:url(../images/booking_btn.jpg);
}
#q_btn {
  background-image:url(../images/quote_btn.jpg);

}
#bbtn {
  background-image:url(../images/book_btn.gif);
}
#pbtn {
  background-image:url(../images/print_btn.gif);
}

#cbtn:hover,#bbtn:hover,#pbtn:hover,#qbtn:hover,#b_btn:hover,#q_btn:hover {
  background-position:bottom left;
}

dl { clear: both; padding:0; margin:0; width:100%; }
dt { clear:left; width:30%; float:left; padding:3px 0; margin:0; font-weight:bold; }
dd { float:left; padding:3px 0; margin:0; width:70%; }

#arrow {
  float:left;
  width:141px;
  height:56px;
  margin:78px 0;
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  display:none;
}

#bookingBox input { font-size:0.8em; }

#result .error {
  margin:85px 0 0 0;
}
#bookResult .error {
  margin:10px 0;
}
.error {
  width:400px;
  border:1px solid #990000;
  background-color:#E41F1F;
  padding:5px;
  color:#ffffff;
  font-weight:bold;
  font-size:1.2em;
  text-align: center;
}
.error a {
  color:#3399ff;    
}
.notice {
  width:400px;
  border:1px solid #009900;
  background-color:#1FE41F;
  padding:5px;
  color:#ffffff;
  font-weight:bold;
  font-size:1.2em;
  text-align: center;
}
#bookResult {
  width:362px;
  margin:10px auto;
}

sup { color:#ff0000; }

#bookingBox { position:relative; }
#bookingBox a.c {
  text-align:right;
  right:20px;
  font-weight:normal;
  font-size:10px;
  position:absolute;
}

#notice {
  text-align: center;    
  padding:5px;
  font-size:16px;
  font-weight:bold;
  color:#ff0000;
}

.ok {
  font-weight:bold;
  font-size:14px;
  color:#33cc33; 
  text-align: center;   
}

.err {
  font-weight:bold;
  font-size:14px;
  color:#cc3333; 
  text-align: center;   
}

#resultBox,#resultBox h2,#resultBox table th,#resultBox table td {
color :#000000;    
}
#resultBox {
  float:left;
  width:360px;    
}

.data thead th,.data tfoot tr {
  background-color:#ccffcc;    
}
.data tbody tr.odd {
  background-color:#eee;    
}
#ssl { 
  height:48px;
  background-repeat: no-repeat;
  line-height:48px; 
  margin:0;
  padding:0 0 0 52px;
  background-image:url(../images/045-lock.gif);
  
}

#parkingQuote {
    background-color:#1d3770; 
    padding:10px;
    color:#ffffff;
    float:left;
}

#parkingQuote h3 {
  font-size:16px;
  font-weight:bold;
  padding:5px 0;
}

#parkingQuote em {
  color:#ffff00;   
  font-style: normal;
  font-weight:normal; 
}

#parkingQuote .col1,#parkingQuote .col2 {
  width:290px;
  float:left;    
}
#parkingQuote .col3 {
  width:240px;
  float:left;    
}
#parkingQuote .col4,#parkingQuote .col6 {
  width:435px;
  float:left;    
}
#parkingQuote .col5,#parkingQuote .col7 {
  width:415px;
  float:left;    
}    
#parkingQuote .coldiv {
  float:left;
  width:30px;
  height:220px;
  background-image: url(../images/white_bar.gif);
  background-repeat:repeat-y;
  background-position:14px 0;   
}
#parkingQuote table { padding:10px 0; }
#parkingQuote h4 {
  clear:both;
  font-size:16px;
  color:#ffff00; 
  text-align: center; 
  padding:10px 0; 
  margin:0;
  border-top:4px solid #ffffff;
  border-bottom:4px solid #ffffff;
  background-color:#325FBF; 
  display:block;
  width:880px;
  height:20px;
}
#qbbtn {
  clear:both;
  margin:10px 0;  
  padding:10px;
  background-color:#ffff00;
  color:#000000;
  font-weight:bold;
  text-align:center;  
  border:2px solid #999999;
  display:block;
  text-transform: uppercase;
}
#qbbtn:hover {
  text-decoration:none;
  background-color:#ffffcc;    
}
#parkingQuote th,#parkingQuote td { vertical-align:top; }

#efc {
  padding:5px;
  background-color:#ffff00;
  color:#000000;
  text-align:center;  
  border:2px solid #999999;
  display:none;
  text-transform: uppercase;
  font-size:14px;
}
#efc em { color: #ff0000; font-weight:bold;  }
#cbd,#cbd2 { display:none; clear:both;}
#fo_cal,#a_cal,#ea_cal,#d_cal { position:relative; }
.lbtn { border:none; background-image:url(../images/long_button.gif); line-height: 27px; height:27px; margin:5px 0; padding:0; text-align: center; width:262px; cursor: pointer;
background-color:#1D3770; color:#990033;}
.mbtn { border:none; background-image:url(../images/medium_button.gif); line-height: 27px; height:27px; margin:5px 0; padding:0; text-align: center; width:232px; cursor: pointer;
background-color:#1D3770; color:#990033;}
.xbtn { border:none; background-image:url(../images/xlong_button.gif); height:24px; margin:5px 0; padding:10px 0; text-align: center; width:404px; cursor: pointer;
background-color:#1D3770; color:#990033; font-weight:bold; font-size:14px; display: block; }
    .poCal_cpYearNavigation,
    .poCal_cpMonthNavigation
            {
            background-color:#6677DD;
            text-align:center;
            vertical-align:middle;
            text-decoration:none;
            color:#FFFFFF;
            font-weight:bold;
            }
    .poCal_cpDayColumnHeader,
    .poCal_cpYearNavigation,
    .poCal_cpMonthNavigation,
    .poCal_cpCurrentMonthDate,
    .poCal_cpCurrentMonthDateDisabled,
    .poCal_cpOtherMonthDate,
    .poCal_cpOtherMonthDateDisabled,
    .poCal_cpCurrentDate,
    .poCal_cpCurrentDateDisabled,
    .poCal_cpTodayText,
    .poCal_cpTodayTextDisabled,
    .poCal_cpText
            {
            font-family:arial;
            font-size:12px;
            }
    TD.poCal_cpDayColumnHeader
            {
            text-align:right;
            border:solid thin #6677DD;
            border-width:0 0 1px 0;
            }
    .poCal_cpCurrentMonthDate,
    .poCal_cpOtherMonthDate,
    .poCal_cpCurrentDate
            {
            text-align:right;
            text-decoration:none;
            }
    .poCal_cpCurrentMonthDateDisabled,
    .poCal_cpOtherMonthDateDisabled,
    .poCal_cpCurrentDateDisabled
            {
            color:#D0D0D0;
            text-align:right;
            text-decoration:line-through;
            }
    .poCal_cpCurrentMonthDate
            {
            color:#6677DD;
            font-weight:bold;
            }
    .poCal_cpCurrentDate
            {
            color: #FFFFFF;
            font-weight:bold;
            }
    .poCal_cpOtherMonthDate
            {
            color:#808080;
            }
    TD.poCal_cpCurrentDate
            {
            color:#FFFFFF;
            background-color: #6677DD;
            border-width:1px;
            border:solid thin #000000;
            }
    TD.poCal_cpCurrentDateDisabled
            {
            border-width:1px;
            border:solid thin #FFAAAA;
            }
    TD.poCal_cpTodayText,
    TD.poCal_cpTodayTextDisabled
            {
            border:solid thin #6677DD;
            border-width:1px 0 0 0;
            }
    A.poCal_cpTodayText,
    SPAN.poCal_cpTodayTextDisabled
            {
            height:20px;
            }
    A.poCal_cpTodayText
            {
            color:#6677DD;
            font-weight:bold;
            }
    SPAN.poCal_cpTodayTextDisabled
            {
            color:#D0D0D0;
            }
    .poCal_cpBorder
            {
            border:solid thin #6677DD;
            }

#poCalendar_ {
position:absolute;visibility:hidden;background-color:white;z-index:10;
}

.nquote-btn {
  display:block;
  width:240px;
  height:45px;
  background-image: url(../images/quote_click_btn.jpg);    
}
.nquote-btn:hover,.nnext-btn:hover,.nsupport-btn:hover,.nconf-btn:hover {
  background-position:bottom;    
}
.nnext-btn {
  display:block;
  width:83px;
  height:45px;
  background-image: url(../images/next_click_btn.jpg);    
}
.nsupport-btn {
  display:block;
  width:240px;
  height:45px;
  background-image: url(../images/support_click_btn.jpg);    
}
.nconf-btn {
  display:block;
  width:405px;
  height:45px;
  background-image: url(../images/confirm_click_btn.jpg);    
}

#drop-suggest {
  background-color:#ffcc99;
  border:1px solid #ff6666;
  font-size:12px;
  font-weight:bold;
  padding:5px;
  margin:10px 0 0 0;   
  color:#ff0000; 
  display:none;
}
#col5 { position: relative;}

#infantW {
  position:absolute;
  left:0;
  top:260px;
  background-color:#ffff00;
  border:1px solid #999999;
  display:none;
  width:380px;  
  color:#333333;
  padding:5px;
}
#infantW b {
  text-align: center;    
  text-decoration: underline;
  text-transform: uppercase;
}

#parkingQuote em a { color: #fff; }
.testimonials {
  margin:15px 0;
  padding:5px 0;
  border-bottom:1px dashed #ccc;  
  border-top:1px dashed #ccc;  
}

#alert {
  background-color:#ff9999;
  padding:10px 5px;
  border:1px solid #990000;
  color:#330000;
  font-family:Verdana;
  font-weight:bold;
  font-size:12px;
  display:none;
  clear:both;
  margin:10px 0;
}

#alert.prevent {
  float:left;
  width:228px;
  clear:none;    
}

#parkingQuote a {
  color:#ffff00;    
}

