* {margin: 0; padding: 0; font-size: 12px; line-height: 18px;}
body {background-color: #ffffff; color:#0d526b; font-family: Tahoma; font-size:12px ; padding: 20px;}
#middle {float:left; width: 99%;}
#left, #right, #menu, #header, #mfoot, #footer {display: none;}
#pagetitle, .pagetitle {font-size: 24px; text-decoration: underline; margin-top: 8px; margin-bottom: 16px;}

#footer2 {clear: both;width: 99%; border-top:1px solid #0d526b; margin-top: 10px;}
#footer2 div {font-size:11px; color:#84b1c1}
#footer2 a {text-decoration:none; color:#84b1c1;}

input, textarea {padding:2px 4px; color:#0d526b;  border-top:#197eb8 solid 1px; border-left:#197eb8 solid 1px; border-bottom:#dfeef3 solid 1px; border-right:#dfeef3 solid 1px;}
select {padding:2px 4px; color:#0d526b; background-color:#FFFFFF; border-top:#197eb8 solid 1px; border-left:#197eb8 solid 1px; border-bottom:#dfeef3 solid 1px; border-right:#dfeef3 solid 1px;}

img {border: 0;}
a { text-decoration:none; color:#0d526b;}
a:hover {color:#d9224e;}

div.hr {clear:left; height: 1px; border-top: 1px solid #dfeef3; margin-top: 5px; margin-bottom: 5px;}
div.hr hr {display: none;}

.fleft {float: left;}
.fright {float: right;}
.clear {clear: both; font-size: 1px; height: 1px; padding: 0;}
.content_drop_down {display: none;}

#logo { width:480px; float:left}
#logo img { padding:26px 0 0 3px}

#content { clear:both}

/* path
************************************************************** */
#path {padding:10px 0px 5px 10px; height:20px; 	}
#path .home {font-weight:bold; }
#path ul {list-style-type: disc;}
#path li {	float:left;	padding-right: 25px;}
#path a {	text-decoration:none;	color:#0d526b;	}
#path a:hover{	color:#d9224e;}



























/* main page */
#content #photomain {padding: 3px 0;}
#mainbox1 {	height: auto !important; height: 180px;	min-height:180px;	width:235px; background-color: #cae9f4; float:left; margin-right:1px;}
#mainbox1 #photo img {vertical-align: bottom;}
#mainbox1 #title { padding:10px 10px 7px 10px }
#mainbox1 #txt, #mainbox1 .txt {padding: 12px 10px 9px 15px;}
#mainbox1 .txt a.index_offer {color: #0D526B;}
#mainbox1 .txt a.index_offer:hover {color: #D9224E;}
#mainbox1 a { color:#d9224e; text-decoration:none}
#mainbox1 a:hover {color:#d9224e;}
#mainbox_search { width:267px; height:180px; float:right}
#mainbox_search #title { height:20px; background-color: #db224e; color:#FFFFFF; font-weight:bold; padding:7px 8px 0px 8px}
#mainbox_search #form { border:1px solid #6fb2ca; border-top:none; height:148px; padding:2px }
#mainbox_search #form fieldset { border:none; } 
#mainbox_search #form fieldset div { padding:4px 4px}
#mainbox_search #form fieldset div label {padding: 0px 4px}
#mainbox_search #form select { height:18px; padding:0}
#mainbox_search #form .input_none{ border:none; padding:0px}
#mainbox_search #form #more { float:right; padding:8px}
#mainbox2 {	height: auto !important; height: 170px;	min-height:170px;	width:235px; float:left; margin:5px 1px 5px 0px; border-right:1px #cae9f4 solid}
#mainbox2 #title { padding:10px 10px 0px 10px }
#mainbox2 #txt { padding:5px 10px;}
#mainbox2 #txt p { padding:5px 0px 10px 0px;}
#mainbox2 #txt li { background: url(../images/bullet1.gif) no-repeat 0px 9px; padding:5px 0 5px 12px; list-style-position:outside}
#mainbox2 #more { float:right; }
.download_group li { background: url(../images/bullet1.gif) no-repeat 0px 9px; padding:5px 0 5px 12px; list-style-position:outside}
#mainbox2 a { color:#0d526b; text-decoration:none}
#mainbox2 a:hover {color:#d9224e;}
#mainbox2 #newsletter div { float:left; padding:4px;} 
#mainbox2 #newsletter a { display:block; width:29px; height:17px; text-align:center; color:#FFFFFF; background-color: #db224e; font-weight:bold} 
#mainbox2 #newsletter a span { position:relative; top:1px; font-size:10px;}
#mainbox2 #newsletter input { color:#000000; width:155px;}
#mainbox3 { width:267px; height:180px; float:right; padding-top:5px;}







#middle_search { float:left; width:770px; height: auto !important; height: 400px;	min-height:400px; margin:10px 10px 10px 0px;}


#mfoot { border-top:2px #dfeef3 solid; width:579px; padding-top:5px; margin-top: 10px;}
#mfoot #mleft { float:left; width:100px} 
#mfoot #mright { float:right; height:30px;} 
#mfoot #mright ul li { float: left;}
#mfoot #mright  a { display:block;  text-decoration:none; padding:2px 18px 0px 18px; font-size:10px; color:#0d526b;}
#mfoot #mright  a:hover { color:#db224e }
#mfoot #mright  a.print { background:url(../images/icon_print.gif) no-repeat 0px 0px; }
#mfoot #mright  a.recommend {background:url(../images/icon_mail.gif) no-repeat 0px 0px; padding-right:0px;}


#right { float:left; width:190px; margin-top:10px;}
#right #box1 { margin-bottom:1px; height:41px;}
#right #box_newsletter { height:145px; margin:2px 0px; background:url(../images/box_right_news_title.gif) no-repeat 16px 20px; background-color:#dfeef3;}
#right #box_newsletter p {padding:40px 16px 15px 16px;}
#right #box_newsletter #txtfield {padding:4px 14px}
#right #box_newsletter #txtfield div { float:left; padding:0px 2px;}
#right #box_newsletter #txtfield div input {width:110px; color:#000000; height:13px}


#right #box_search { width:190px; height:215px; background-color:#bbdeec}
#right #box_search #title { height:20px; background-color: #db224e; color:#FFFFFF; font-weight:bold; padding:7px 8px 0px 8px}
#right #box_search #form { height:170px;  padding:4px; background:url(../images/search_box_right_bg_27.gif) repeat-x bottom; background-color:#dfeef3 }
#right #box_search #form fieldset { border:none; } 
#right #box_search #form fieldset div { padding:4px 4px}
#right #box_search #form fieldset div label {padding: 0px 0px; display:block }

#right #box_search #form select { height:18px; padding:0}
#right #box_search #form .input_none{ border:none; padding:0px;}
#right #box_search #form #more { float:right; padding:8px}



/* sub pages */

#middle #text1 { width:301px; height: auto !important; height: 200px;	min-height:200px; border-top:2px solid #dfeef3; background:url(../images/text_bg1.gif) no-repeat top; float:left; padding:20px;}
#middle #text1 p { padding:5px}

#middle #text2 { width:198px; border-top:2px solid #dfeef3; background-color:#dfeef3; float:left; padding:20px}
#middle #text2 table { width:100%; }
#middle #text2 .column1 { width:80px ; padding-bottom:12px; font-weight:bold; vertical-align:top}
#middle #text2 .column2 { width:118px; padding-bottom:12px; color:#42a3d8; vertical-align:top; text-align:right}

#middle p {}
#middle #text3 {text-align: justify;}
#middle #text3 p { padding:5px 0;}
#middle #text3 table p { padding:0;}
#middle #text3 a { color:#db224e ;}
#middle #text3 a:hover { color:#d79fac ;}
#middle #text3 ul {padding-left:20px}
#middle #text3 ul li { list-style-type:square;}
#middle #text3 ol {padding-left:30px}
#middle #text3 ol li  {list-style: decimal ;}

#middle .newslist { width:579px; height: auto !important; height: 115px; min-height:115px; }
#middle .newslist a img {border: #dfeef3 1px solid; float: left; width: 155px; margin-top: 8px;}
#middle .newslist .desc { width: 400px; padding:5px 10px; float:left}
#middle .newslist .desc h1 { font-size:12px}
#middle .newslist .desc h2 { padding:3px 0 10px 0; font-weight:normal; color:#56737d}
#middle .newslist .desc p span {color:#d9224e;}

#middle .newspage { width:579px; height: auto !important; height: 100px; min-height:100px; }
#middle .newspage img.top {border:#dfeef3 1px solid; margin:0 10px 10px 0}
#middle .newspage h1 { font-size:14px; font-weight:bold}
#middle .newspage h2 { padding:3px 0 10px 0; font-weight:normal}
#middle .newspage p { padding-bottom:10px;} 
#middle .newspage #news_summary {border: 1px solid #000000; clear: both; margin-top: 20px; padding: 8px;}



/* tariff.tpl */
.tariff {margin-top: 20px; text-align: center;}
.tariff .tariff_group {margin-bottom: 20px;}
.tariff table {border-collapse: collapse; margin: auto; width: 579px;}
.tariff table tr td {height: 25px; vertical-align: middle; padding: 3px;} 
.tariff table tr td.col1 {width: 300px; text-align: left;}
.tariff table thead tr td {font-weight: bold;}
.tariff table.simple td, .cruise_plan table td  {background: #eef6f9; border: 1px solid #157ab2;} 
.tariff table.simple thead tr td, .cruise_plan table thead tr td {background: #157ab2; color: #ffffff;}
.tariff table.special td {background: #fff1f4; border: 1px solid #db224e; color: #db224e;} 
.tariff table.special thead tr td {background: #db224e; color: #ffffff;}
.tariff .tariff_text {text-align: left; margin-top: 15px;}
.tariff ul {padding-left:20px}
.tariff ul li { list-style-type:square; }
.tariff ol {padding-left:5px}
.tariff ol li  {list-style: decimal ; }
.tariff_date {font-size: 14px; font-weight: bold;}
.tariff_date .date {font-size: 14px; text-decoration: underline;}
.tariff_head {font-size: 16px; font-weight: bold; text-align: left; text-decoration: underline; margin-bottom: 10px; float: left;}

.gallery { clear:left; margin-bottom:20px; overflow:auto}
.gallery h1 { font-size:12px; padding:6px 0 5px 10px; border-bottom:#dfeef3 2px solid }
.gallery ul { clear:left; padding:10px 0}
.gallery li { float:left; padding:3px 5px 3px 0;}
.gallery li a img { border:#dfeef3 1px solid; cursor: pointer; width:75px; height: 75px;}
.gallery li a:hover img { border:#d9224e 1px solid;}

/* contact.tpl */
#contact_message {font-size: 14px; margin: 15px;}
.contact_form_header {background-color: #dfeef3; margin-bottom: 5px; padding: 20px;}
.contact_form_header p {display: block; margin-bottom: 5px;}

/* contact_agents.tpl */
#city {padding-bottom: 20px;}
.city {border-bottom: 1px dashed #dfeef3; padding-bottom: 10px; margin-bottom: 10px;}

/* offer_weekend.tpl */
#offer_weekend_price {margin-bottom: 10px;}
.offer_price {height: 30px; text-decoration: underline;}

/* offer_houses.tpl */
.house {clear: both; margin-bottom: 20px;}
.house .name {margin-bottom: 5px;}
.house .price {margin-top: 10px;}
.house img {margin: 0px 10px 10px 0px;}

/* offer_trips.tpl */
#trip_terms, #trip_prices {margin-bottom: 20px;}
#trip_terms ul li, #trip_prices ul li {list-style-type: square; margin-left: 20px;}

/* offer hotel */
#attribute {margin-bottom: 15px; margin-top: 10px;}
#attribute .small {text-align: center; font-size: 9px; margin-top: 1px;}
#attribute .attr {float: left; width: 35px; text-align: center;}
#hotel_price {clear: both;}

#middle #pager {margin:auto;}
#middle #pager ul { float:left; padding:0 5px;}
#middle #pager li { float:left;} 
#middle #pager li a {width:20px; height:18px; display:block; background:url(../images/button_pager.gif) no-repeat; text-align:center ; padding-top:2px; font-weight:bold; margin:0 2px;}

#middle #pager li span {display:none}

#middle #pager li a.active { background:url(../images/button_pager_red.gif) no-repeat;  color:#FFFFFF} 
#middle #pager li a.previous { background:url(../images/button_previous1.gif) no-repeat; float:left} 
#middle #pager li a.previous_end { background:url(../images/button_previous_end1.gif) no-repeat; float:left } 
#middle #pager li a.next { background:url(../images/button_next1.gif) no-repeat; float:left } 
#middle #pager li a.next_end { background:url(../images/button_next_end1.gif) no-repeat; float:left } 


#contact { width:256px;float:left}
#contact #data1 { background-color:#ffffff; padding:20px}
#contact #data2 { background-color:#dfeef3; padding:20px}
#contact #data3 { background-color:#db224e; padding:20px; color:#FFFFFF}
#contact #data3 a { color:#FFFFFF; text-decoration:underline;}

#contact2 { width:270px; float:left; padding:20px;}
#contact2 td { padding:0 20px 20px 0; }
#contact2 td a { color:#db224e;}

#contact3 { width:539px; padding:20px}
#contact3 p { padding-bottom:10px;}
#contact3 a { color:#db224e;}

#contact_form { background-color:#dfeef3; width:539; padding:20px; height: auto !important; height: 200px;	min-height:200px; }
#contact_form h1 { font-size:14px; font-weight:bold}
#contact_form fieldset { border:none}
#contact_form	label {display:block;float:left;	width: 100px;}
#contact_form	label.checkbox {margin-left: 8px;}
#contact_form	input, #contact_form textarea {float:left;}
#contact_form	div .text { width:300px;}
#contact_form .checkbox {border: 0; margin-left: 20px;}
#contact_form	div .text2 { width:310px;}
#contact_form	div {clear: left; padding:5px 0px;}
#contact_form ul {clear: left; margin-left:275px}
#contact_form ul li {float:left; padding:5px;}

#contact_form.business	div .text { width:130px;}
#contact_form select {width: 130px;}

/* FOOTER
***************************************** */

#footer {width:980px; border-top:1px solid #84b1c1; padding: 0px; text-align:center}
#footer ul {padding:7px; font-size:11px; }
#footer li { display:inline; padding:5px;} 
#footer a { text-decoration:none; color:#0d526b;}
#footer a:hover { color:#d9224e;}




/* Added from HPE
***************************************** */
.text_plus1 {
					font-size: 115%;
					line-height: 115%;
				}
				.text_plus2 {
					font-size: 130%;
					line-height: 130%;
				}
				.text_minus1 {
					font-size: 85%;
					line-height: 85%;
				}
				.text_minus2 {
					font-size: 70%;
					line-height: 70%;
				}