/* GENERAL STYLES */
/*MAIN CSS FILE FOR HIGHLIFE  created 16/05/2008 */  

/*general */

html	{margin:0; padding:0;}
body	{margin:0; padding:0px 0 0 0; background-image:url(/data/themes/highlife/images/bg_body.png); background-repeat:repeat-x;}
a img	{border:0;}
img		{margin:0; padding:0;}
.clear, clearnoheight	{clear:both;}
.clearnoheight	{height:0px;}

/*layout */
#container	{margin-left:auto; margin-right:auto; width:990px; font-family:Arial, Helvetica, sans-serif;}
#header		{margin:0; padding:0px 0 0 0; height:138px;  width:990px;}
#main		{margin:0; padding:20px 0 0 0; height:auto; width:990px;}
#footer		{margin:0; padding:30px 0 0 0; background-color:#F2F2F2; height:115px; width:100%;}

/*columns */
#nav-col	{margin:0; padding:0 20px 0 0px; width:200px; height:auto; float:left;}
#wide-col	{margin:0; padding:0px; width:770px; height:auto; float:left;}
#wide-col-bottom	{margin:0; padding:25px 0 22px  0; width:770px; height:auto; float:left;}
#box-holder	{margin:0; padding:0px 20px 0 0; width:420px; float:left;}
#lower-col	{margin:0; padding:10px 0px 0 0; width:990px;}
#text-full-col{margin:0; padding:0px 0px 30px 0px; width:770px; height:auto; float:left;}
#text-half-col{margin:0; padding:0px; width:350px; height:auto; float:left;}

/*text styles */
#text-half-col p, #text-full-col p, #text-full-col td, #wide-col-bottom p{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.67em; padding:4px 0 12px 0; }
.customerAccountTable td, .customerAccountTable p {font-family:Arial, Helvetica, sans-serif; font-size:0.9em !important; line-height:1.2em !important; padding:4px 0 12px 0; }
#text-half-col ul, #text-full-col ul {margin-bottom:10px;}
#text-half-col li, #text-full-col li, #text-half-col-right li {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.67em; margin-left:15pt; list-style-type:disc;}
#text-full-col p a, #text-half-col p a	{color:#F4373B; text-decoration:none;}
#text-full-col p a:hover	{text-decoration:underline;}
#text-full-col p span.red	{color:#F4373B;}
#text-half-col h1, #text-full-col h1 {font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#333333; font-weight:bold; line-height:1.18em; margin:0; padding:9px 0 9px 0;}
#text-half-col h1	{float:left;}
#text-half-col h3	{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#A9A9A9; font-weight:bold; line-height:1.66em; float:left; margin:0; padding:12px 0 12px 0;}
#myholidayaccount p a {color:#FFFFFF; text-decoration:none;}
#myholidayaccount td {padding: 2px}
#myholidayaccount select {font-family:Arial, Helvetica, sans-serif; font-size:0.9em !important; line-height:1.2em !important;}
#myholidayaccount h1 {font-family:Arial, Helvetica, sans-serif; font-size:1.1em !important; line-height:1.4em !important; padding:4px 0 12px 0; }
#myholidaynogroup p {font-family:Arial, Helvetica, sans-serif; font-size:0.9em !important; line-height:1.2em !important;}
#myholidaynogroup p a {color:#F4373B; text-decoration:none;}

/*header*/
.headerCallUs{color:#F1373A; margin-top:30px;font-weight:bold;margin-right:10px;}
.headerPhone{color:#3A4B55;font-weight:bold;margin-right:10px;}
.callusnow{margin-top:30px;margin-right:10px;}

/*breadcrumb */
#text-half-col .breadcrumb p, #text-full-col .breadcrumb p{
color:#C3C1C1; 
font-size:0.68em;
margin:0; 
padding:0;
}

#text-half-col .breadcrumb p a, #text-full-col .breadcrumb p a{
color:#C3C1C1; 
text-decoration:none;
}

#text-half-col .breadcrumb p a:hover, #text-full-col .breadcrumb p a:hover{
text-decoration:underline;
}


img.home	{
float:left;
margin:0;
padding:0;
}

.useful-info{
background-color:#313131;
color:#FFFFFF;
padding:15px;
}

#text-half-col-right .useful-info{
margin-top:10px;
padding-bottom:30px;
}
#text-half-col-right .useful-info p, #text-half-col .useful-info p, #text-half-col .useful-info li,  .useful-info table, #text-full-col-right .useful-info p, #text-half-col-right .useful-info li, #text-full-col-right .useful-info li, #text-half-col-right .features p, #text-half-col-right .features li, #text-half-col-right .bullet li{
color:#FFFFFF;
}
#text-half-col .useful-info ul {
margin-bottom:20px;}


#text-half-col-right .useful-info ul, #text-half-col-right .features ul, #text-half-col-right .bullet ul {
margin:0 0 0 8px; padding:0;}

#text-half-col-right .useful-info li, #text-half-col .useful-info li{
margin:0; padding:0 0 0 0; text-decoration:none; list-style:none;}

#text-half-col-right .useful-info .bullet li, #text-half-col .useful-info .bullet li{
margin:0 0 0 15px; padding:0 0 0 0; text-decoration:none; list-style-type:disc;}

#text-half-col-right .useful-info p	{
font-size:0.75em; margin:16px 8px 0px 8px;
}

#text-half-col-right .useful-info h3	{
font-size:0.75em; color:#FFFFFF; font-weight:bold; margin:8px 8px 0px 8px;
}


#text-half-col-right{
margin:0; padding:0 0 0 16px; width:400px; height:auto; float:left;}


#text-half-col-right .features{
background-color:#A7A5A5;
color:#FFFFFF;
padding:20px;
margin:10px 0 0 0;
}

#text-half-col-right .features p, #text-half-col-right .features li,  #text-half-col-right .bullet li{
font-size:0.75em;
}

#text-half-col-right .features li{
margin:0; padding:0; text-decoration:none; list-style:none; line-height:2.5em;}


/*tables */

table.rates {
background-color:#DBDBDB;  
width:746px;
font-size:0.68em;
text-align:center;
padding:0px; 
margin:0;
display:block;


}
.tableholder{
background-color:#DBDBDB;  
width:746px;
padding:12px; 
margin-bottom:10px;
}



table.rates td{
width:76px;
font-size: 1em !important;
line-height: 1em !important;
padding:4px !important;
}
table.rates tr.label td{
background-color:#EFEFEF;
font-weight:bold;
}
table.rates td{
background-color:#F8F8F8;
font-weight:normal;
}

table.facts{
font-size:0.75em;
text-align:left;
padding:15px 0 0 0; 
display:block;

}
table.facts td{
width:100px;
font-weight:bold;
padding:3px;
}
table.facts td.question{
width:90px; 
font-weight:normal;}

table.prices{
font-size:0.75em;
text-align:left;
padding:15px 15px; 
display:block;
width:100%;

}
table.prices td{
width:100%;
padding:3px;
}
table.prices td.heading{
width:90px; 
font-weight:bold;}

/* Default table for Information Box in Gen Info B template */
.useful-info table{
font-size:0.75em;
text-align:left;
padding:15px 15px; 
display:block;
width:100%;

}
useful-info. table td{
width:100%;
padding:3px;
}

#text-full-col .fullpage-form table.contact td{
margin:0; padding:3px;}

#text-full-col .fullpage-form table.contact td.lab{width:127px; }
#text-full-col .fullpage-form table.contact td span.radio{ padding-left:50px;}
#text-full-col .fullpage-form table.contact td span.suitable{ padding-left:20px;}
table.contact{ padding:24px;}

table.contact input.text350{
width:350px;

}
table.contact input.text285{
width:285px;

}
#text-full-col .fullpage-form table.contact td.small{
font-size:0.68em; width:200px;}


.formbutton{
cursor:pointer;
border:0;
background-color:#C8C6C7;
color:#ffffff;
font-size:90%;
padding: 1px 2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:22px;
text-decoration:none;
width:106px; text-align:center;
padding:0px 0 0 0;
}

input.formbutton:hover{
background-color:#3A4B56;}
p.submit {width:715px;
background-color:#ffffff;
text-align:center;
margin:36px 0 0 0;
}


/*submenus */
ul.chalet-sub, ul.chalet-sub-2{
margin:0 0 20px 0; padding:0;
list-style:none;
}

ul.chalet-sub li, ul.chalet-sub-2 li{
float:left;
list-style-type:none !important;
padding-right:6px;
margin-left:0pt !important;
}

ul.chalet-sub li.last, ul.chalet-sub-2 li.last{
padding-right:0;
}

ul.chalet-sub li a{
display:block;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:22px;
background-color:#C8C7C7;
text-decoration:none;
width:106px; text-align:center;
padding:2px 0 0 0;
}



ul.chalet-sub-2 li a{
display:block;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:22px;
background-color:#C8C7C7;
text-decoration:none;
width:169px; text-align:center;
padding:2px 0 0 0;
}

ul.chalet-sub li a:hover, ul.chalet-sub-2 li a:hover{
text-decoration:none;
background-color:#3A4B56;
}


#text-half-col .quote			{background-image:url(/data/themes/highlife/images/quote.png); background-repeat:no-repeat; margin:25px 0 25px 0; padding:0 0 0 50px;}
#text-half-col .quote p			{color:#F4373B; }
#text-half-col .quote p span	{color:#898989; }
/*navigation */

ul#main-menu		{margin:0; padding:0 0 0 0; height:38px; font-size:0.84em;}
ul#main-menu li		{margin:0; padding:0 16px 0 16px; float:left; list-style:none;}
ul#main-menu li a	{margin:0; padding:8px 0px 0 0; float:left; list-style:none; color:#A0A0A0; text-decoration:none;}
ul#main-menu li a.active, ul#main-menu li a:hover	{color:#F4373B;}

.logo {
padding: 0 0 0 15px;}
/* NAVIGATION */

ul#subnav{ 
list-style:none;
width:200px; 
bottom:0px; 
left:0px; 
margin:0; 
padding:0;
height:115px;
overflow:hidden;
font-family:Helvetica, Arial, sans-serif;}


ul#subnav li { 

list-style-type:none;
margin:0;
padding:0;
}
ul#subnav li a { 
height:39px; 
display:block; 
top:0; 
text-indent:-9999px; 
}

li#navEnquiry a, li#navBrochure a, li#navContact a{
background-image:url(/data/themes/highlife/images/menu.png);
}


/*  

Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 39px
	


	
*/

li#navEnquiry a 						{ background-position:0 0; width:200px; left:0; }
li#navEnquiry a:hover					{ background-position:0 -39px; }
li#navEnquiry a.active 			{ background-position:0 -39px; }

li#navBrochure a 						{ background-position:-200px 0; width:200px; left:200px; }
li#navBrochure a:hover					{ background-position:-200px -39px; }
li#navBrochure a.active			{ background-position:-200px -39px; }

li#navContact a 					{ background-position:-400px 0; width:200px; left:400px; }
li#navContact a:hover				{ background-position:-400px -39px; }
li#navContact a.active 	{ background-position:-400px -39px; }






/* END SUBNAV*/


#nav-col p			{color:#A5A3A3; font-size:0.75em; line-height:1.58em; padding: 0 8px 0 8px; }
#nav-col p a	{color:#A5A3A3; background-image:url(/data/themes/highlife/images/bg_arrowlink.png); background-repeat:no-repeat; width:184px; padding:6px 0 0 8px; height:33px; display:block; text-decoration:none;}
#nav-col p a:hover	{color:#F4373B; background-image:url(/data/themes/highlife/images/bg_arrowlink_hover.png); background-repeat:no-repeat; }
#nav-col p.arrowlink			{padding:0; margin-top:12px; }








/*panels	*/
.grey-panel				{background-color:#E6E6E6; padding:16px; margin:0px 0 20px 0;}
.item-text				{float:left; width:216px;}
.grey-panel	p	 		{ font-size:0.68em; line-height:1.45em; padding:0 0 0 12px; }
.grey-panel	h2 		{ font-size:0.93em; padding:0 0 0 12px;  font-weight:normal; }



.home-grey-panel p { font-size:0.75em; line-height:1.81em; padding:0 0 12px 0;}
.item-text a{
color:#F4373B;
font-weight:bold; text-decoration:none;
}

.item-text h2 a, .specialoffer h2 a {
color:#666666; text-decoration:none;
font-weight:normal;
}

.item-text h2 a:hover, .specialoffer h2 a:hover {
color:#F4373B; text-decoration:none;
}
.item-text a:hover	{ text-decoration: underline;}
.home-grey-panel	{background-color:#E6E6E6; padding:25px 25px 13px 25px; margin:0 0 20px 0; width:500px; float:left;}
.home-grey-panel h1	{color:#333333; font-size:0.75em; margin:0; padding:0 0 15px 0;}
.bordered		{border:1px solid #ffffff; float:left; padding: 0;}

/*footer */
#footer p			{color:#B3B2B2; font-size:0.75em; line-height:2em;}
#footer a			{color:#B3B2B2; text-decoration:none;}
#footer a.footer-nav{ margin:0 8px 0 8px;}
#footer a.footer-nav-1{margin:0 10px 0 0px;}
#footer a:hover		{color:#B3B2B2; text-decoration:underline;}
#footer p span.footerspace	{padding: 0 20px 0 0;}
.footertext		{margin-left:auto; margin-right:auto;  width:940px; padding:0 0 0 50px; font-family:Arial, Helvetica, sans-serif; background-image:url(/data/themes/highlife/images/footer_logo.png); background-repeat:no-repeat;}


/*contact page items   */
.contact-left 	{float:left; width:200px;}
.map			{float:left; padding:10px 0 0 0;}
.fullpage-form	{background-color:#F1F1F1; padding:7px; width:755px; margin:20px 0 0 0;}
.fullpage-form	h2.form{background-color:#D6D6D6; color:#ffffff; padding:15px; width:725px; font-size:1.1em; font-weight:normal;}
#text-full-col .fullpage-form p, #text-full-col .fullpage-form td{	padding:8px 20px 8px 20px;}
.countries		{width:232px;}



.grey-fullpage{
background-color:#ECECEC;
padding:16px 16px 0px 16px; width:738px;
height:116px;
margin:0 0 10px 0; display:block;
}

#text-full-col .grey-fullpage h2 a{
color:#999999;
font-weight:normal;
text-decoration:none;
font-size:0.68em;
}
#text-full-col .grey-fullpage h2 a:hover{
color:#F4373B;
font-weight:normal;
text-decoration:none;
}

#text-full-col .grey-fullpage p{
font-size:0.68em;
line-height:1.45em;
padding:0; margin:0;

}

#text-full-col .grey-fullpage p a{
color:#F4373B;
font-weight:bold;

}
#text-full-col .grey-fullpage p.date{
color:#F4373B;
font-weight:bold;
float:left;
}
#text-full-col .grey-fullpage img{
border:1px solid #ffffff;
margin:0; padding:0;
float:left;


}

.press-text{
float:left;
padding: 0 0 0 20px;
width:570px; 
height:98px;
margin:0;


}

.press-text p{

margin:0; padding:0;

}

.pressboxes	{padding:20px 0 0 0;
}

.specialoffer{
margin:15px 0 0 0;
padding:14px;
background-color:#E6E6E6;
}
.specialoffer img{
border:1px solid #ffffff; margin:0 0 10px 0;
}
#nav-col .specialoffer p{ 
margin:0; padding:0; font-size:0.68em;
}
#nav-col .specialoffer p a{
background-image:none; display:inline; padding:0; margin:0; color:#f4373b; font-weight:bold;
}

#nav-col .specialoffer p a:hover{
background-image:none; display:inline; padding:0; margin:0; color:#f4373b; font-weight:bold; text-decoration:underline;
}


.holder{
width:130px;
padding:0 15px 22px 0;
float:left;
text-align:center;

}



/*testimonials */ 
#nav-col .testimonials{
padding:15px 0 0 0;
}

/*photogallery pages */
.photos{
padding:15px 0px 0 30px;
margin:0;
}
.holder a{
margin:0; padding:0;
background-image:url(/data/themes/highlife/images/photo_bg.png);
background-repeat:no-repeat;
text-decoration:none;
color:#C0C0C0;
}
.holder a:hover{
background-image:url(/data/themes/highlife/images/photo_bg_hover.png);
color:#f4373b;}
a.photogallery-thumb-holder{
padding:10px 10px 0px 10px; 
margin:0;
display:block;
height:120px;
font-size:0.625em;


}
a.photogallery-thumb-holder span{
padding:20px 0 0 0;
clear:both;
display:block;
}




.photogallery-thumb-holder img	{
display:block;
margin:0; padding:0;
}


/*images on generic pages */
.top-img{
padding:0 0 10px 0;
}
.right-img{
padding:0 0px 0 6px;
}

/*accessibility */

.skiplink{
display:none;}

/*floor plans popup styles */
.floorplan{
	float:left;
	margin:10px 0 0 30px;
}

#floorplans_menu{
	float:right;
	margin:10px 0 0 0px;
}

#floorplans_menu li{
	list-style:none;
	padding:8px 0 8px 0px;
	margin-left:10px;
	font-weight:bold;
}

#floorplans_menu li a{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:20px;
	background-color:#C8C7C7;
	text-decoration:none;
	width:106px; 
	text-align:center;
	padding:4px 0 0 0;
}

#floorplans_menu li a:hover{
	text-decoration:none;
	background-color:#3A4B56;
}

#floorplans_menu li a.active{
	text-decoration:none;
	background-color:#3A4B56;
	color:#FFFFFF;
}

.floorplan_close{
	clear:both;
	float:right;
	cursor:pointer;
	padding:30px 0 0 0;
}

.floorplans_desc{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	font-weight:bold;
	width:500px;
}

.floorplans a{
	color:#fff;
}

.floorplans{
	float:left;
	width:600px;
}

.spacer, .closebt{
	clear:both;
}

/*resort map popup styles */

.maps{
	float:left;
	width:750px;
	padding:10px 0 0 0;
}

.payonline 
{
	border:0px;
	width:100%;
	height:600px;
}

/* My Account */

fieldset
{
	border: none;
}

.headinglabel
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	line-height:1.2em;
	padding:4px 0pt 6px;
	font-weight:bold;
	width:150px;
	display:inline;
	float:left;
}

.errorlabel
{
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	line-height:1.2em;
	padding:4px 0pt 6px;
	color: #ff0000;
}

#myaccountform
{
	padding-top:15px;
}

.mainContentCell
{
	width:450px; padding-right:15px !Important;
}

/* Width Specific Classes */

.w50 {width:50px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}

/* EDITOR PROPERTIES */