/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html{background:#fff}
body{font:normal 12px/20px Arial, Helvetica, sans-serif;color:#444;background:#fff;}
p{margin:0 0 10px 0}
a,a:visited{color:#104387}
a:hover{border-bottom:1px solid #104387}
input,textarea{padding:3px}
code{font-size:120%}
small{font-size:90%}
blockquote{margin-bottom:20px}
ol{list-style:outside decimal;margin-left:25px}

h1{font-size:24px;line-height:27px}
h2{font-size:20px;line-height:25px}
h3{font-size:17px;line-height:22px}
h4{font-size:15px;line-height:20px}
h5{font-size:14px;line-height:20px}
h6{font-size:13px;line-height:20px}

/*LAYOUT*/
#container{width:100%;background:#fff url(../images/bgcontainer.gif) repeat-x left top;overflow:auto}
#wrapper{float:left;width:100%}
#content{margin:30px 20px 30px 0px}
#navigation{float:left;width:200px;margin-left:-960px}
#footer{clear:left;width:100%;margin:0 auto;text-align:left;background:transparent url(../images/bgfooter.gif) repeat-x left top}
.widthmax{width:960px;margin:0 auto;text-align:left}
.inside{background:#fff url(../images/bgcontainer2.gif) repeat-x left top !important}

/*HEADER*/
#header{height:125px;background:transparent url(../images/bgheaderinfo.png) no-repeat 130px -5px}
#logo{margin-top:11px}
#logo a{border-bottom:none}

/*MENU ATAS*/
#menu{height:25px;_margin-top:-30px}
#menu ul{padding:0 0 0 130px;float:left}
#menu ul li{display:block;float:left;margin-right:15px}
#menu ul li a,#menu ul li a:visited{display:block;color:#fff}
#menu ul li a:hover{color:#fff;border-bottom:2px solid #fff}

/*PARKING PACKAGE*/
#parking-package{clear:left;padding:50px 0 13px 0}
#parking-package ul{background:#edf6ff url(../images/bgparkingpackage.png) repeat-y -10px top;min-height:360px}
#parking-package li{width:200px;float:left;margin-right:20px;padding:0 10px}
#parking-package li span{display:block;margin-top:10px}
#parking-package h2{margin-bottom:15px;font-size:14px;font-weight:bold}
#parking-package p.package-desc{min-height:250px;height:auto !important;height:250px}

/*CHECKOUT*/
.checkout #wrapper{width:660px}
#rightbar{float:left;width:278px;background:#e7edee;margin:30px 0;border:1px solid #f4f4f4;padding:10px 10px}
#rightbar h2{margin-bottom:10px}
#rightbar .horRule{margin-left:0px;margin-right:0px;border-top:1px solid #fff}

/* FORM */
.bookingform fieldset{width:100%}
.bookingform label{width:150px;float:left;text-align:left;margin:3px 10px 3px 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.bookingform legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
.bookingform .nolabel{margin:0 0 15px 160px}
.bookingform h3{margin-top:40px}
.bookingform p{border-top:1px solid #f4f4f4;padding:5px 0;margin-bottom:0px !important}

/* FORM GET QUOTE */
.getquote fieldset{width:278px}
.getquote label{width:250px;text-align:left;margin:3px 10px 3px 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.getquote legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
.getquote .nolabel{margin:0 0 15px 160px}
.getquote h3{margin-top:40px}
.getquote p{padding:5px 0;margin-bottom:0px !important}

.additionalservices input{float:left;margin-top:1px}
.additionalservices p span{display:block}

#priceinfo{margin:20px 0;background:#fff;border:1px solid #ccc;padding:7px 15px;font-size:11px}
#priceinfo h3{font-size:14px;font-weight:bold;height:30px;padding-left:25px;border-bottom:1px solid #eee;background:transparent url(../images/23.png) no-repeat left 3px}
#priceinfo ul{margin-bottom:15px}
#priceinfo li{margin-left:15px;list-style:outside disc;font-size:11px}
#priceinfo .desc{font-weight:bold;color:#01468E;text-align:right}
#priceinfo .price{text-align:right}
#priceinfo span{font-weight:normal;color:#444}
#priceinfo .label{width:87px}

label{width:95px;float:left;margin:3px 10px 0 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.submit input{margin-top:0px;padding:5px;cursor:pointer}
form h4{margin-top:25px}
legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}

/* FORM PAYMENT OPTIONS */
.payment_options fieldset{width:278px}
.payment_options label{width:250px;text-align:left;margin:3px 10px 3px 0;display:block;font:bold 12px Arial, Helvetica, sans-serif}
.payment_options legend{color:#fff;background:#ADCF37;border:1px solid #f3f3f3;padding:5px 7px;margin:10px 0 10px 0px;font:bold 14px Arial, Helvetica, sans-serif}
.payment_options .nolabel{margin:0 0 15px 160px}
.payment_options h3{margin-top:40px}
.payment_options p{padding:5px 0;margin-bottom:0px !important}

form p{font:normal 12px Arial, Helvetica, sans-serif;margin-bottom:15px;clear:left}
form p input{padding:2px;font:normal 14px Arial, Helvetica, sans-serif;margin-right:5px}
form p input.checkbox{margin-top:0px}
form p small{font:normal 11px Arial, Helvetica, sans-serif}
.nolabel{margin:0 0 0 100px}

table.border{margin:0px;border:1px solid #f1f1f1;}
table.border th, table.border td {padding: 2px; border:1px solid #f1f1f1}
table.noborder, table.noborder th, table.noborder td {border:0px}

.quote{margin:0px 0 20px 0}
.quote th,.quote td{padding:5px 5px 5px 0}
.quote th{font-size:14px;height:30px;padding-left:25px;border-bottom:1px solid #eee;background:transparent url(../images/23.png) no-repeat left 6px}
.quotespec{width:77px;font-weight:bold}
.quotespacer{width:10px;text-align:center}
.quoterange{text-align:right}
.quotedate{font-weight:bold;color:#01468E}
.quoteprice span{font-weight:bold;color:#01468E}

/*MENU KIRI*/
div#navigation{width:185px;padding-top:10px}
div#navigation ul{margin:0 0 0 20px;width:197px}
div#navigation ul li{height:1%;position:relative;border-bottom:1px solid #ececec}
div#navigation ul li a{display:block;color:#3e71b3;text-decoration:none;padding:7px 7px 7px 10px;position:relative;text-align:left;font-weight:bold}
div#navigation a:hover{color:#fff;background:#76c5f0}

div#navigation ul ul{margin:0 0 0 0;width:197px}
div#navigation ul ul li{height:1%;position:relative;border-bottom:none;border-top:1px solid #ececec}
div#navigation ul ul li a{padding:7px 7px 7px 25px}

/*CONTENT*/
div#content{min-height:200px;height:auto !important;height:200px}
div#content h1{font:bold 19px/25px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h2{font:bold 17px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h3{font:bold 15px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h4{font:bold 13px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h5{font:bold 12px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}
div#content h6{font:bold 11px Arial, Helvetica, sans-serif;margin-bottom:10px;color:#444}

div#content a,div#content a:visited{text-decoration:none;color:#3e71b3;border-bottom:1px solid #3e71b3;font-weight:bold}
div#content a:hover{color:#adcf37;border-bottom:1px solid #adcf37}
div#content ol li{list-style:decimal;margin:0 0 20px 30px}
div#content ol li p{margin:10px 10px 10px 0}
div#content ul{margin:10px 0}
div#content ul li{list-style:disc;margin:0 0 5px 20px}
div#content ul li p{margin:10px 10px 10px 0}

/*FOOTER*/
#footer{height:117px;color:#444}
#footer .widthmax{background:transparent url(../images/bgwidthmaxfooter.gif) no-repeat left top;padding-top:20px}
.smalllogo{float:left;padding-right:20px}
#footer p{margin:5px 0 0 12px;font:normal 11px/15px Arial, Helvetica, sans-serif;color:#444}
#footer a,div#footer a:visited{text-decoration:none;font:normal 12px/15px Arial, Helvetica, sans-serif;color:#444;font-weight:bold}
#footer a:hover{color:#3e71b3;border-bottom:1px solid #3e71b3}

.horRule{height: 1px;border-top: 1px solid #E5E5E5;margin: 0px 10px 10px 0}
.horRule hr {display: none}
a.imagebutton{cursor:pointer;cursor:hand;text-decoration:none;border-bottom:0px !important}

.alignright{float:right}
img.alignright{margin:0 0 7px 10px;padding:4px;border:1px solid #f4f4f4}
#content p a img.alignright{border:0}
.alignleft{float:left}
img.alignleft{margin:0 10px 7px 0;padding:4px;border:1px solid #f4f4f4}
#content p a img.alignleft{border:0}

/*OTHERS*/
.notice{font-size:10px;color:#FF0000;vertical-align:super;}
.cleaner{clear:both;height:0px;font-size:1px;border:none;margin:0;padding:0;background:transparent}
.noborder{border:none !important}