/*Add PTN styles at the bottom*/

/*RESET EVERYTHING*/
html{ color: #000; background: #FFF; }
body { background: url('../images/bg_map.jpg') top no-repeat; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset,img{ border: 0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }
li{ list-style: none; }
caption,th{ text-align: left; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
q:before,q:after{ content: ''; }
abbr,acronym{ border: 0; font-variant: normal; }
sup{ vertical-align: text-top; }
sub{ vertical-align: text-bottom; }
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; }
input,textarea,select{ *font-size: 100%; }
legend{ color: #000; }
del,ins{ text-decoration: none; }

/*FONTS*/
body{ font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }
select,input,button,textarea{ font: 99% arial,helvetica,clean,sans-serif; }
table{ font-size: inherit; font: 100%; }
pre,code,kbd,samp,tt{ font-family: monospace; *font-size: 108%; line-height: 100%; }

/*GRIDS*/
body{ text-align: center;}
#hd{ clear: both; }/*PTN*/
#ft{ clear: both; }
#doc,#doc2,#doc3,#doc4,.bui-t1,.bui-t2,.bui-t3,.bui-t4,.bui-t5,.bui-t6,.bui-t7{ margin: auto; text-align: left; width: 57.69em; *width: 56.25em; min-width: 750px; }
#doc2{ width: 73.076em; *width: 71.25em;}
#doc3{ margin: auto 10px; width: auto; }
#doc4{ width: 74.923em; *width: 73.05em; }
.bui-b{ position: relative; }
.bui-b{ _position: static; }
#bui-main .bui-b{ position: static; }
#bui-main,.bui-g .bui-u .bui-g{ width: 100%; }
{ width: 100%; }
.bui-t1 #bui-main,.bui-t2 #bui-main,.bui-t3 #bui-main{ float: right; margin-left: -25em; }
.bui-t4 #bui-main,.bui-t5 #bui-main,.bui-t6 #bui-main{ float: left; margin-right: -25em; }
.bui-t1 .bui-b{ float: left; width: 12.30769em; *width: 12.00em; }
.bui-t1 #bui-main .bui-b{ margin-left: 13.30769em; *margin-left: 13.05em; }
.bui-t2 .bui-b{ float: left; width: 13.8461em; *width: 13.50em; }
.bui-t2 #bui-main .bui-b{ margin-left: 14.8461em; *margin-left: 14.55em; }
.bui-t3 .bui-b{ float: left; width: 23.0769em; *width: 22.50em; }
.bui-t3 #bui-main .bui-b{ margin-left: 24.0769em; *margin-left: 23.62em; }
.bui-t4 .bui-b{ float: right; width: 13.8456em; *width: 13.50em; }
.bui-t4 #bui-main .bui-b{ margin-right: 14.8456em; *margin-right: 14.55em; }
.bui-t5 .bui-b{ float: right; width: 18.4615em; *width: 18.00em; }
.bui-t5 #bui-main .bui-b{ margin-right: 19.4615em; *margin-right: 19.125em; }
.bui-t6 .bui-b{ float: right; width: 23.0769em; *width: 22.50em; }
.bui-t6 #bui-main .bui-b{ margin-right: 24.0769em; *margin-right: 23.62em; }
.bui-t7 #bui-main .bui-b{ display: block; margin: 0 0 1em 0; }
#bui-main .bui-b{ float: none; width: auto; }
.bui-gb .bui-u,.bui-g .bui-gb .bui-u,.bui-gb .bui-g,.bui-gb .bui-gb,.bui-gb .bui-gc,.bui-gb .bui-gd,.bui-gb .bui-ge,.bui-gb .bui-gf,.bui-gc .bui-u,.bui-gc .bui-g,.bui-gd .bui-u{ float: left; }
.bui-g .bui-u,.bui-g .bui-g,.bui-g .bui-gb,.bui-g .bui-gc,.bui-g .bui-gd,.bui-g .bui-ge,.bui-g .bui-gf,.bui-gc .bui-u,.bui-gd .bui-g,.bui-g .bui-gc .bui-u,.bui-ge .bui-u,.bui-ge .bui-g,.bui-gf .bui-g,.bui-gf .bui-u{ float: right; }
.bui-g div.first,.bui-gb div.first,.bui-gc div.first,.bui-gd div.first,.bui-ge div.first,.bui-gf div.first,.bui-g .bui-gc div.first,.bui-g .bui-ge div.first,.bui-gc div.first div.first{ float: left; }
.bui-g .bui-u,.bui-g .bui-g,.bui-g .bui-gb,.bui-g .bui-gc,.bui-g .bui-gd,.bui-g .bui-ge,.bui-g .bui-gf{ width: 49.1%; }
.bui-gb .bui-u,.bui-g .bui-gb .bui-u,.bui-gb .bui-g,.bui-gb .bui-gb,.bui-gb .bui-gc,.bui-gb .bui-gd,.bui-gb .bui-ge,.bui-gb .bui-gf,.bui-gc .bui-u,.bui-gc .bui-g,.bui-gd .bui-u{ width: 32%; margin-left: 1.99%; }
.bui-gb .bui-u{ *margin-left: 1.9%; *width: 31.9%; }
.bui-gc div.first,.bui-gd .bui-u{ width: 66%; }
.bui-gd div.first{ width: 32%; }
.bui-ge div.first,.bui-gf .bui-u{ width: 74.2%; }
.bui-ge .bui-u,.bui-gf div.first{ width: 24%; }
.bui-g .bui-gb div.first,.bui-gb div.first,.bui-gc div.first,.bui-gd div.first{ margin-left: 0; }
.bui-g .bui-g .bui-u,.bui-gb .bui-g .bui-u,.bui-gc .bui-g .bui-u,.bui-gd .bui-g .bui-u,.bui-ge .bui-g .bui-u,.bui-gf .bui-g .bui-u{ width: 49%; *width: 48.1%; *margin-left: 0; }
.bui-g .bui-g .bui-u{ width: 48.1%; }
.bui-g .bui-gb div.first,.bui-gb .bui-gb div.first{ *margin-right: 0; *width: 32%; _width: 31.7%; }
.bui-g .bui-gc div.first,.bui-gd .bui-g{ width: 66%; }
.bui-gb .bui-g div.first{ *margin-right: 4%; _margin-right: 1.3%; }
.bui-gb .bui-gc div.first,.bui-gb .bui-gd div.first{ *margin-right: 0; }
.bui-gb .bui-gb .bui-u,.bui-gb .bui-gc .bui-u{ *margin-left: 1.8%; _margin-left: 4%; }
.bui-g .bui-gb .bui-u{ _margin-left: 1.0%; }
.bui-gb .bui-gd .bui-u{ *width: 66%; _width: 61.2%; }
.bui-gb .bui-gd div.first{ *width: 31%; _width: 29.5%; }
.bui-g .bui-gc .bui-u,.bui-gb .bui-gc .bui-u{ width: 32%; _float: right; margin-right: 0; _margin-left: 0; }
.bui-gb .bui-gc div.first{ width: 66%; *float: left; *margin-left: 0; }
.bui-gb .bui-ge .bui-u,.bui-gb .bui-gf .bui-u{ margin: 0; }
.bui-gb .bui-gb .bui-u{ _margin-left: .7%; }
.bui-gb .bui-g div.first,.bui-gb .bui-gb div.first{ *margin-left: 0; }
.bui-gc .bui-g .bui-u,.bui-gd .bui-g .bui-u{ *width: 48.1%; *margin-left: 0; }
 .bui-gb .bui-gd div.first{ width: 32%; }
.bui-g .bui-gd div.first{ _width: 29.9%; }
.bui-ge .bui-g{ width: 24%; }
.bui-gf .bui-g{ width: 74.2%; }
.bui-gb .bui-ge div.bui-u,.bui-gb .bui-gf div.bui-u{ float: right; }
.bui-gb .bui-ge div.first,.bui-gb .bui-gf div.first{ float: left; }
.bui-gb .bui-ge .bui-u,.bui-gb .bui-gf div.first{ *width: 24%; _width: 20%; }
.bui-gb .bui-ge div.first,.bui-gb .bui-gf .bui-u{ *width: 73.5%; _width: 65.5%; }
.bui-ge div.first .bui-gd .bui-u{ width: 65%; }
.bui-ge div.first .bui-gd div.first{ width: 32%; }
#bd:after,.bui-g:after,.bui-gb:after,.bui-gc:after,.bui-gd:after,.bui-ge:after,.bui-gf:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bd,.bui-g,.bui-gb,.bui-gc,.bui-gd,.bui-ge,.bui-gf{ zoom: 1; }

/*BASE*/
h1{ font-size: 138.5%; }
h2{ font-size: 123.1%; }
h3{ font-size: 108%; }
h1,h2,h3{ margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong{ font-weight: bold; }
abbr,acronym{ border-bottom: 1px dotted #000; cursor: help; }
 em{ font-style: italic; }
blockquote,ul,ol,dl{ margin: 1em; }
ol,ul,dl{ margin-left: 2em; }
ol li{ list-style: decimal outside; }
ul li{ list-style: disc outside; list-style-image: url('http://protravelnet.com/images/bullet.gif');}
dl dd{ margin-left: 1em; }
/*th,td{ border: 1px solid #000; padding: .5em; }*/
th{ font-weight: bold; text-align: center; }
caption{ margin-bottom: .5em; text-align: center; }
p,fieldset,table,pre{ margin-bottom: 1em; }
input[type=text],input[type=password],textarea{ width: 6.15em; *width: 6.0em; }

/* ============== PTN STYLES ============== */
body { padding-bottom: 200px;background-color: #000;color: #fff; }
#bd {background-color: #fff;width: 950px;text-align: center;margin: 0 auto;padding: 0;position: relative}
#container{ background-image: url('../images/bg2.jpg');background-repeat: no-repeat;background-position: top center;position: relative }/* used only for background*/
#wrapper{ width: 950px;height: auto;background-color: #fff;color: #000;text-align: center;margin: 0 auto;text-align:left;position: relative}/*used on backpages only*/
#content{width: 640px;margin: 0 auto;text-align: left;background-color: #fff;color: #000;position: relative}
#destcontent{width: 950px;margin: 0 auto;text-align: left;background-color: #fff;color: #000;position: relative}
#innercontent{text-align: left;width: 640px;margin: 0 auto;padding-bottom: 25px;position: relative}


.atitle{color: #4682B4;font-size: 138.5%; font-family: "Lucida Sans", sans-serif;font-weight: bold;}
.btitle{ color: #000; font-size: 100%;font-family: geneva, sans-serif;font-weight: bold;}
.video{background-image: url('../images/videobg.jpg');background-repeat: no-repeat;background-position: top center; background-color: #fff;text-align: center;margin: 0 auto;padding: 0px;width: 100%;padding-bottom: 20px;position: relative}

.lightbox{ text-align: center; margin: 40px 0;position: relative}
.lightbox img {border: 1px solid #ddd; padding: 2px;margin: 6px; }
.itinerary td{ border: 1px #ccc solid;text-align: left; }
/*=================== FOOTER LINKS ===============*/
#ft{ background-color: #000;color: inherit;height: 125px;padding-top: 10px;position: relative;}/*footer*/
#ft a{ color: #aaa;background-color: inherit; text-decoration: none;font-variant: small-caps;}
#ft a:hover{ color: #D4FEFF;background-color: inherit; text-decoration: none;font-variant: small-caps;}

#ft .ptnlinks a{ color: #606060;background-color: inherit; text-decoration: none;font-variant: small-caps;}
#ft .ptnlinks  a:hover{ color: #336566;background-color: inherit; text-decoration: none;font-variant: small-caps;}

/*====BEGIN FLASH RELATED CSS, LOGIN & OTHERS: DREW===============*/
/*================================================================*/
#flashMenu { position: relative; padding-top: 30px; margin-bottom: 30px; clear: all; }
/*LOGIN FORM RELATED*/
#loginDiv { position: relative; height: 24px; z-index: 99; padding-top: 3px; font-size: 11px; color: #eeeeee; font-family: tahoma; font-weight: bold; background-color: #303030; text-align: right; padding-right: 10%; }
#loginTitle { position: relative; float: left; width: 250px; text-align: left; font-weight: bold; font-size: 14px; padding-left: 20px; }
#loginFormDiv { float: right; }
#loginForm { margin: 0px; padding: 0px; }
.loginInput { vertical-align: top; font-size: 1em; border: 0px; background-color: #eeeeee; }
#userID,#passwordID { height: 16px; }
.loginButton { position: absolute; top: 2px; font-size: 1em; height: 19px; margin: 0px; padding: 0px; }
/*================================================================*/

/*====ONLY RELATED TO 'BOOK_TRIP.PHP' OF DESTINATIONS=============*/
#pointSumDiv { position: relative; float: right; width: 150px; font-size: 16px; margin-right: 10px; padding: 5px; text-align: center; line-height: 1.5em; border: solid 1px #eeeeee; }
.destCostDiv { position: relative; width: 300px; text-align: center; margin: 0px auto; }
.destBreakdown { text-align: center; font-size: 17px; font-weight: bold; font-family: helvetica,arial; color: #dd3333; letter-spacing:0px;text-align: right; width: 200px; float:left; }
.destBreakdownR { text-align: right; font-size: 17px; font-weight: bold; font-family: verdana; color: #dd3333; letter-spacing: -1px; width: 100px; float: left; }
.dottedTop { border-top: dotted 1px; }
.destRow { position:relative; }
.soldout { position:absolute;top:145px;left:375px; }
input { padding-right: 6px; }/*===ONLY FOR IE AND OPERA==========*/
.guestDelete { float: right; font-size: 13px; margin-right: 5px; }
.guestDelete a:hover { cursor: pointer; }
/*====DREWS DISPLAY TABLE======*/
.payTable td{ border: 1px solid #000; padding: .5em; }

/*====BOOKING CC INFO ENTRY FIELD NAMES AND INPUTS======*/
.px15 { font-size: 15px; }
.boldIt { font-weight: bold; }
.redIt { color: #ff0000; background-color: inherit; }
.regFS { width: 490px; margin: 0px auto; }
.regLineFS { position: relative; width: 500px; height: 20px; padding: 3px; }
.rlTitle { float: left; width: 190px; height: auto; margin-top: 3px; font-weight: bold; }
.rlInput { float: left; width: auto; height: auto; }
#formSubmitDiv { width: 520px; margin-top: 5px; text-align: right; }
.fsDivide { position: relative; height: 10px; }
.regCompleteFS { padding: 5px; font-size: 13px; }
input.formIt { width: 150px; }
.floatR { float: right; }
/*======================================================*/