/*****reset and clearing********************************************************************/
:link,:visited {text-decoration : none;}
ul,ol {list-style : none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size : 1em;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,a, img,fieldset,dl,dd,dt {margin:0; padding:0;}
a img,:link img,:visited img,fieldset {border : none;}
a{outline: none;}
legend {display:none;}
.clearer:after, #nav:after {content: '[HI MUM]'; display: block; height: 0; clear: both; visibility: hidden;}
.clearer, #nav{display: inline-block;}
/*\*/
.clearer, #nav {display: block;}
/**body**/
body{color:#000;background:url(../images/gp_home_bg.jpg) #000 no-repeat top center fixed;font-family:Arial,Verdana,Sans-Serif;font-size:12px; margin: 0; padding: 0;}


/*Navigation
-------------------------*/
#banner { display:block; width:900px; height:75px; margin-top: 10px;}
#banner a { display:block; width:900px; height:75px; text-indent: -999em; background: transparent url(../images/gp_travel_banner.png) no-repeat center 0; }

#nav {  width: 900px; margin: 4px auto 0px auto; height: 54px; display: block;}
#nav li{ float: left; display:inline;}
#nav li a { display:block; font-size: 1em;  font-weight: bold; color: #fff; text-align: center; text-transform:uppercase; background: transparent url(../images/bg/nav_item.png) no-repeat scroll 0 0; height: 48px; padding: 0px 0px 0 10px; cursor:pointer; }
#nav li a span { display:block; background: transparent url(../images/bg/nav_item.png) no-repeat scroll right -48px;  height: 38px; padding-right: 10px; padding-top: 10px;}
#nav li#nav_home { width: 110px;}
#nav li#nav_accom { width: 175px;}
#nav li#nav_map { width: 175px;}
#nav li#nav_how_to{ width: 145px;}
#nav li#nav_book_cond { width: 140px;}
#nav li#nav_cart { width: 145px;}
#nav li#nav_contact { width: 120px;}

#nav li a:hover, #nav li.select a{ height: 54px; background-position: left -96px; }
#nav li a:hover span, #nav li.select a span{ height: 42px; background-position: right -150px; padding-top: 12px;}

#nav li#nav_home span { height: 32px; padding-top: 16px;}

#nav li#nav_home a:hover span, #nav li#nav_home.select a span { height: 34px; background-position: right -150px; padding-top: 20px; }

/*Common Elements
---------------------------------*/
#wrapper #container { background-color: white; }
#content { text-align:left; padding: 15px 25px; background-color: white;}
#content a { color: #e1291d; text-decoration: underline;}

#content p.breadcrumbs { color:#7a7a7a; font-size:0.9em; margin-bottom: 10px;}
#content p.breadcrumbs  a{ text-decoration: underline; color: #7a7a7a;}
#content h1 { color:#e1291d; font-size: 22px; font-weight:bold; margin-bottom: 10px;}
#content h3 { color:#e1291d; font-size: 17px; font-weight:bold; margin-bottom: 10px;}
#content p { margin-bottom: 15px; line-height: 1.5em;}
#content.subpage { width: 850px; min-height: 450px; padding-bottom: 35px; }
#content.subpage ul { margin: 15px 0px; padding:0 35px;}
#content.subpage ul li { margin-bottom: 7px; list-style-image: url(../images/bullet.jpg);}
#content.subpage ol { list-style-type: decimal; margin: 15px 0; padding: 0 35px;}
#content.subpage ol li { margin-bottom: 7px;}
/*Footer
---------------------------------*/
#eto_footer { background: transparent url(../images/bg/footer_bg.png) repeat-x scroll 0 0; width: 850px; height: 34px; display: block; line-height: 34px; color: #fff; font-weight: bold; padding-left: 50px;}
#eto_footer li { display: inline; float:left;}
#eto_footer li a { color: #fff; padding: 0 30px; display:block; background: transparent url(../images/footer_sep.gif) no-repeat scroll right 12px;}
/*Home
--------------------------------*/
.home {  }
/*.home h1{ color: #c63d35; font-size: 16px; margin: 5px 0 15px 0;} */
.home h1.buy_seat { background: transparent url(../images/home_word.png) no-repeat scroll 0 0; width: 549px; height: 21px; margin: 5px 0 15px 0; text-indent: -999em;}
.home a { color: #000; font-weight: bold;}
.home .left { width:545px; float: left; display: block; margin-right: 25px; }
.home .right {float: left; display: block; width: 276px; }
.home ul { margin: 10px 0px 15px 0 !important; padding:0 30px;}
.home ul li { margin-bottom: 15px; list-style-image: url(../images/bullet.jpg);}
.home .separator { background: transparent url(../images/home_sep.gif) no-repeat scroll center center; width: 548px; display:block; height: 15px; margin-bottom: 15px; }

.home #green_box { border:0px solid green; }
.home #green_box {
	background: transparent url(../images/bg/home_join_box.png) no-repeat scroll top left;
	width: 276px;
	height:367px;
	text-align:center;
	font-size: 14px;
	float:right;
	display: block;
}
.home #green_box .inner { padding-top: 15px; line-height: 1.2em;}
.home #green_box a { color: red; text-decoration:underline; font-weight: bold; }
.home #green_box .button { width: 203px; height: 65px; display:block; color: #fff; font-size:20px; font-weight: bold; text-align: center; text-decoration: none; margin: 31px auto;line-height: 1.1em;}
.term_cond { font-size: 10px;  margin: 0 0px 30px 20px; line-height: 1.6em; text-align:left;}
.subpage .term_cond { margin: 0 0 30px 0;}

.right #login_box { border: 0px solid red; }
.right #login_box {
	background: transparent url(../images/bg/login_box.png) no-repeat scroll top left;
	width: 236px;
	height: 70px;
	margin-bottom: 12px;
	margin-top: 15px;
	text-align: center;
	font-weight: bold;
	padding: 15px 20px;
	line-height: 1.8em;
	display: block;
}


/*Tables
------------------------*/
.subpage table td { padding:7px 10px;}
.subpage th table td { padding: 0; }

.subpage table th {  font-weight: bold; background-color: #e8f2e3; padding: 0px 0 0px 10px;}
.subpage table th.package {  padding: 2px 0 3px 8px; vertical-align: top;}
.subpage table td.big {  font-size: 1.2em; border-top:0px solid red; padding-bottom:3px; }
.subpage tr.even td { background-color: #f4faed;}
table.tickets th { font-weight: bold; background-color: #e8f2e3; height: 35px; padding: 10px 0 10px 15px; }
table.tickets td { padding: 5px 0 2px 15px;}

.search_results th { font-weight: bold; background-color: #e8f2e3; margin:0px;}
.search_results td { text-align:center; border-bottom: 1px solid #e8f2e3;}
.search_results th.sub { font-weight: normal; text-align: center;}
.search_results table tr td { border-bottom: none;}

.shopping_cart { border: 1px solid #e8f2e3; border-collapse: collapse;}
/*.shopping_cart td { border: 1px solid #ffffff;}*/
.shopping_cart td .input_qty { width: 20px;}
.shopping_cart td a { font-weight: bold;}
.shopping_cart tr.even td { background-color: #f4faed;}
.shopping_cart tr td.recalculate { text-align: right; }
.shopping_cart tr td.recalculate a { float: right;}
.shopping_cart tr td.bedding_codes,
.shopping_cart tr td.lined {
	border-top: 1px solid #e8f2e3;  border-bottom: 1px solid #e8f2e3;
}
.shopping_cart tr td.note {
	text-align: center;
}
.shopping_cart td.label { text-align:right;}
#shopping_cart th.right,
#shopping_cart td.right { text-align:right; }
#shopping_cart th,
#shopping_cart td { padding: 4px 10px 2px 10px; }
.shopping_cart tr.total td {	 font-weight: bold; padding:5px 9px 1px 9px;}
.shopping_cart tr.top td {border-top: 1px solid #e7f2e3; }
.shopping_cart tr.total .total { text-align:right;}
 
#tbl_names th.package {  padding: 2px 0 3px 8px; font-size: 1.2em; border-top: 2px solid #c8d2e3;}
#tbl_names  { border: 1px solid #d8e2d3; width: 750px;}
#tbl_names td { padding: 2px 5px 2px 5px;  }
#tbl_names td.big { padding: 2px 5px 2px 5px;  }
#tbl_names td.bigger { padding: 5px 5px 5px 5px;  }
#tbl_names th.top { padding: 5px 5px 5px 5px;  border-top: 2px solid #333333;}
#tbl_names td.bb { border-bottom: 1px solid #e8f2e3; }
#tbl_names td.bt { border-top: 1px solid #e8f2e3; }
input.title { width: 30px; }

#tbl_payment .radio { padding-top:25px; vertical-align:top;}
#tbl_payment td { padding: 15px 0 7px 15px;  }
#tbl_payment .section { background-color:#f4faed; display:block; margin-bottom:5px; padding:15px;}
#tbl_payment .section span { font-weight: normal;}

#tbl_credit_card input.expiry { width:25px; }
#tbl_credit_card td{ padding:2px 0 3px 10px;}

#tbl_payment_details {  border: 1px solid #e8f2e3;}
#tbl_payment_details th,
#tbl_payment_details td { padding: 4px 10px 2px 10px; }
#tbl_payment_details td.amounts { vertical-align: top; }
#tbl_payment_details td p { margin: 0px; padding: 0px; }

.client { vertical-align:top; }
.payment { vertical-align:top; }

/*Form Elements
------------------------*/
.row { clear: both; height: 25px;  margin: 7px 0;}
#form_search_package .row { margin: 0 0 5px 0;}
.subpage input[type=text], .subpage  select, .subpage  textarea, .textBox,.subpage .small_text  { font-size: 12px; vertical-align: bottom;  border:1px solid #CCCCCC; font-family:Arial,Helvetica,sans-serif;  padding:3px 2px;}
.subpage input[type=text].small_text { width: 40px; } 
.subpage .small_text { width: 40px;  }
.subpage input[type=radio] { margin-right: 5px;}
select.long_text { width: 250px;}

form div.label { display:block; float:left; line-height:25px; width:150px; }
form .textBox { margin-right:15px; width:200px;}
form .action, .action {margin:25px 0;}
.checkbox { margin-right: 7px;}

/*Hotel Details
--------------------------*/
body#hotel_page {background:#fff; width:auto; height:auto; background-image: none;}
#hotel_page #container { background:#fff; width:660px; height:557px; overflow-x:hidden; overflow-y:auto; margin:0px; padding:20px 20px 20px 20px; position: relative;}
#hotel_page #holder {background:#fff; padding:0px;}
#hotel_page #content {padding:0px 0px 20px 0px;}
#hotel_page #content .columns { display: block; clear: both; position: relative;}
#hotel_page #content .columns .left {width:325px; padding-top:0px; float:left;}
#hotel_page #content .rating {background:#e8f2e3; padding:10px 15px 0px 15px;  font-size:1.2em; text-transform:uppercase; margin:0px;}
#hotel_page #content address {padding:5px 15px 10px 15px; background:#e8f2e3; font-size:1.2em; line-height:1.15em;}
#hotel_page #content #distance {padding:10px 0px 0px 0px;}
#hotel_page #content #distance dt {font-weight:bold; font-size:1.2em;color:#E1291D; padding-bottom:10px; font-style:italic;}

#hotel_page #content .columns .right {width:300px; padding:0px; margin: 0px; float:right; display:block; }
#content .columns .right #hotel_photo {margin:0px 0px 15px 0px; width:300px; overflow:hidden; display: block;  height: 250px; }
#content .columns .right #hotel_photo img {top:0px; left:0px; width:300px; height:225px; }

#content ul { list-style: disc;  margin: 0px 0px 15px 35px;}
#content #hotel_features {padding:15px 0px 0px 0px; }
#content #hotel_features dl {float:left; display:inline; margin-right:25px;}
#content #hotel_features dt {font-weight:bold; font-size:1.2em; color:#E1291D;padding-bottom:10px; font-style:italic;}

h3.text_header { border-bottom:3px solid #f4faed; color:#E1291D; font-size:16px; font-weight:bold; margin-bottom:15px; padding:10px 0;
 display:block;}
/*Buttons
-----------------------*/
.btnbooknow { background: transparent url(../images/button/book_online.png) no-repeat scroll 0 0; width: 207px; height: 53px;  display:block; text-indent: -999em; margin: 15px auto;}
.btnSearchPackage  { }
.long { background: transparent url(../images/button/long.png) no-repeat scroll 0 0; width: 248px; height: 16px; display: block;font-size: 20px;  vertical-align:bottom; text-align:center; padding-top:9px; cursor: pointer; border:none;}
input.long  { height: 55px; /*padding:0;*/ padding-bottom: 13px; background-position: center 3px;  font-size: 20px; border:1px solid red;}

.recalc { height: 26px; width: 89px; border: 1px solid red; }

.small { background: transparent url(../images/button/small.jpg) no-repeat scroll 0 0; width:89px; height:26px; color: #fff !important; margin-left: 15px; padding-top: 5px; padding-bottom: 4px; cursor: pointer;}
.small_long { background: transparent url(../images/button/small_long.png) no-repeat scroll 0 0;  width:150px; height:21px; display:block; padding-top: 5px;}
.button {  font-weight: bold; text-align:center; color: #fff !important;text-decoration: none !important; display: inline-block; border:none !important;}
.large {background: transparent url(../images/button/large.png) no-repeat scroll 0 0; width:167px; height:55px; display:block; border:none; font-size: 20px !important; padding-bottom: 10px; padding-right: 5px; cursor: pointer;
 vertical-align:middle;}
*html .large {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/button/large.png', sizingMethod='scale'); background-image:none; }
 *html input.long { padding-bottom: 13px;}
/* Misc
--------------------*/
#booking_number { background-color:#f4faed; font-size:1.2em; font-weight:normal; margin-bottom:15px; padding:10px 15px; }
a.title { font-weight: bold; color: #000 !important; text-decoration: none !important;}
.contact { font-size: 14px;}

table.bpay { width:51%; border: 1px solid #2A0055; border-collapse:collapse; }
.bpay td   { color:#2A0055; background: white; padding-left:10px;}
.bpay td.bot { font-size:1.2em; text-align:left; vertical-align: top}
.bpay td.top { font-size:1.2em; text-align:left; vertical-align: bottom}
.bpay td   { border: 0px solid #2A0055; border-collapse:collapse;}
.bpay td p { margin: 0px 0px 0px 10px; text-align: justify;}

#content.subpage ul.narrow li { margin-bottom: 4px; }
td.l { text-align: left; }
td.r { text-align: right; }
td.c { text-align: center; }
th.c { text-align: center; }
.shopping_cart td.qty {  line-height: 22px; padding: 7px 0px 5px 10px; margin:0px;}

ul.wider li { padding-bottom:10px;}
/*--------------*/
.payment th,
.payment td { border-spacing: 0px; }
.payment th,
.payment td {
    vertical-align: center;
    border-bottom: 1px solid #e8f2e3;
}
.payment td.cen {
	text-align: center;
}
.payment th.amt,
.payment td.amt {
	text-align: right;
	padding: 3px 5px;
	width: 65px;
}
.smallp { background: transparent url(../images/button/small.jpg) no-repeat scroll 0 0; width:89px; height: 26px; color: #fff !important; margin-top: 0px; margin-left: 5px; padding-top: 5px; padding-bottom: 0px; cursor: pointer;}

#content.subpage ul.narrow { margin: 0xp; padding: 0px 20px;}
#content.subpage ul.narrow li { margin:0px 0px; padding: 0px 0px;}

.error { color: red; font-size:1.3em; }
.red { color: red; }
.mand { color: red; }