/* CSS Document */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,fieldset { margin: 0; padding: 0; }
img { border: none; }
.left { text-align: left; } .center { text-align: center; } .right { text-align: right; }
.floatr { float: right; } .floatl { float: left; }
.clear { clear:both; height: 0; }

body { margin: 0; padding: 0; background:#fff url(images/bg-body.gif) repeat-x top; text-align: left; font-size: 100%; font-family: "Trebuchet MS", Arial, Georgia, "Times New Roman", Times, serif; color:#1f2b33; }

p { margin: 10px 0; color: #1f2b33; font-size: 0.8em; line-height:1.6em; }
a, a:visited { color: #1e90ff; text-decoration: underline; }
a:hover { color: #ff3237; text-decoration: none; }

/*  LAYOUT  */

#iWrapper { margin:0 auto; width: 749px; text-align: left; }
#iWrapfoot { margin:0 auto; width: 800px; text-align: left; padding-top:10px; }
#bg-foot { margin:0 auto; background: #fff url(images/bg-foot.gif) repeat-x top; height:150px; }

/*  H's  */
h1 { font-size:1.4em; border-bottom:#e7e9e9 1px solid; margin:0 0 15px 0; font-weight:normal; }
h2 { font-size:1.1em; border-bottom:#e7e9e9 1px solid; margin:0 0 15px 0; font-weight:normal; }
.idle { color:#1e90ff; }
h3 { font-size:1.1em; color:#ff3237; border-bottom:#e7e9e9 1px solid; margin-bottom:15px; padding-top:10px; font-weight:normal; }


/*  CONTACT BAR  */
#ctactbar { margin: 0 auto; background: url(images/ctactbar.gif) no-repeat top; height: 21px; font-size:0.7em; text-align:center; padding-top:4px; }
#ctactbar .light { color:#ff6600; }
#ctactbar .pad { margin:0 35px; }

/*  TITLE & STRAPLINE  */
#logo { float:left; font-size:2.6em; margin:6px 0 0 0; font-weight:normal; }
#logo .idle { color:#1e90ff; }
#strap { float:right; font-size:1em; font-weight: bold; color:#6ec563; width:300px; text-align:center; margin:5px 0 0 0; line-height:1em; }

/*  MENU  */
#menu { float:left; height:0; font-size: 0.9em; text-align: center; padding: 0 5px 0 5px; margin:0; height:38px; }
#menu li { display: inline; margin:0; }
#menu li a, #menu li a:visited { float: left; background: url(images/bar-bg.gif) no-repeat; color: #1f2b33; margin:0; padding: 12px 13px 8px 13px; text-align: center; font-weight: bold; text-decoration: none; border:0;}
#menu li a:hover { background: url(img/menu-hl.gif) repeat-x top; color: #ff3237; }	
#menu li a.current { background: url(img/menu-hl.gif) repeat-x top; color: #ff3237; }

/*  MAIN IMAGES  */
#ib-home { background: url(images/idle-breaks-spain.jpg) no-repeat top; height:192px; margin:0 auto; }
#ib-facilities { background: url(images/swimming-pool.jpg) no-repeat top; height:192px; margin:0 auto; }
#ib-groups { background: url(images/idlebreaks-group.jpg) no-repeat top; height:192px; margin:0 auto; }
#ib-prices { background: url(images/idlebreaks-csc.jpg) no-repeat top; height:192px; margin:0 auto; }
#ib-testimon { background: url(images/idlebreaks-testi.jpg) no-repeat top; height:192px; margin:0 auto; }

/*  CONTENT  */
#content { float:left; width:490px; padding:20px 0 25px 8px; }
#contentwide { width:749px; padding:20px 0 25px 0; }
#rightcell { float:right; width:208px; text-align:left; padding:24px 0 0 0; margin-right:8px; }
*html #rightcell { float:right; width:208px; text-align:left; padding:24px 0 25px 0; margin-right:4px; }

#facbullets { margin:10px 50px; }
#facbullets ul { list-style-type: disc;  padding: 0; }
#facbullets ul li { padding:0; text-align:left; font-size:.8em; }

/*  GROUPS PACKAGE  */
#grppkg { margin:20px auto;width:350px;border:#e7e9e9 solid 1px;background-color:#f3f6f7;padding:18px 20px 10px 20px; }
#grppkg ul { list-style: none;  padding: 0; }
#grppkg ul li { padding:0 15px 6px 30px; text-decoration:none; text-align:left; font-size:.8em; background:url(images/gtick.png) no-repeat top left; }

/*  APPARTMENT CONTAINERS  */
#appt { margin:20px 0;text-align:center; }
#apptr { width:150px; float:right; margin:12px 80px 12px 0;border:#e7e9e9 solid 1px;background-color:#f3f6f7;padding:3px 0 7px 0; text-align:center; }
*html #apptl { width:150px; float:left; margin:12px 0 12px 40px;border:#e7e9e9 solid 1px;background-color:#f3f6f7;padding:3px 0 7px 0; text-align:center; }
*html #apptr { width:150px; float:right; margin:12px 40px 12px 0;border:#e7e9e9 solid 1px;background-color:#f3f6f7;padding:3px 0 7px 0; text-align:center; }
#apptl .title, #apptr .title { font-size:1.1em; }


/*  GALLERY PROMO CONTAINER  */
#gallery-promo { width:227px; float:left; margin-top:10px; }
#gallery-promo .title { background:url(images/bg-promocont-head.gif) no-repeat top; height:33px; padding:11px 0 0 12px; font-size:1em; font-weight:bold; }
#gallery-promo .action { background:url(images/bg-promogallery-btm.gif) no-repeat top; height:186px; text-align:center; }
#gallery-promo .button { margin-top:18px; }

/*  TESTIMONIAL PROMO CONTAINER  */
#testimonial-promo { width:227px; float:right; margin-top:10px; }
#testimonial-promo .title { background:url(images/bg-promocont-head.gif) no-repeat top; height:33px; padding:11px 0 0 12px; font-size:1em; font-weight:bold; }
#testimonial-promo .action { background:url(images/bg-promotesti.gif) no-repeat top; height:102px; text-align:left; padding:12px 12px 0 40px; font-size:.8em; }
#testimonial-promo .client { font-size:.9em; padding-top:7px; }
#testimonial-promo .button { background:url(images/bg-promocont-foot.gif) no-repeat top; padding-top:18px; height:54px; text-align:center; }

/*  TESTIMONAL INSERT  */
#testimonial { margin:30px 25px 10px 20px;border-left:4px solid #f3f6f7;padding-left:15px; }
#testiname { font-size:1.1em; text-align:right; padding-right:25px; }

/*  FOOTER REGION  */
#footer p { padding: .5em 0; text-align:center; color: #696969; margin: 0 auto; font-size: 0.7em; font-family: Arial, "Trebuchet MS", "Times New Roman", Times, serif; }
#footer .menu a:link, #footer .menu a:visited { margin:0 auto; color: #696969; padding:2px 18px; text-decoration: none; }
#footer .menu a:hover { color: #2b2b2b; text-decoration: underline; }
#footer .copy a:link, #footer .copy a:visited { margin:0 auto; color: #696969; padding: 0; text-decoration: none; }
#footer .copy a:hover { color: #2b2b2b; text-decoration: underline; }


#potent { margin: 10px auto 20px;  }
#potent .pg { margin:0 auto; width: 36px; height:31px; background:url(images/potentgroup.gif) no-repeat top center; }


/*  GALLERY COLUMNS  */

#gallholder { padding-left:7px; }
*html #gallholder { padding-left:0; }

/*  GALLERY LAYOUT  */

/* misc
----------------------------------------------- */

.thumbnail {
	padding: 3px 3px 8px 3px;
	background-color: #f3f6f7;
	border: 1px solid #e7e9e9;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	}
*html .thumbnail {
	padding: 3px 3px 8px 3px;
	background-color: #f3f6f7;
	border: 1px solid #e7e9e9;
	float: left;
	margin-left: 13px;
	margin-top: 15px;
	}
		
/*.thumbnail a:link, .thumbnail a:visited { background-color: #f3f6f7; border: 1px solid #e7e9e9; text-decoration: none; margin:0; padding:0; }
.thumbnail a:hover { background-color: #ffdfca; border: 1px solid #ffbc8f; text-decoration: none; margin:0; padding:0; }*/

/* clearing
----------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}




/*  CONTACT FORM  */

#contactform { margin:0 auto; background:#f2f6f7 url(images/tform2-top.gif) no-repeat top; width:400px; padding:20px 0 0 0; }
#contactformbtm { margin:0 auto; background:url(images/tform-btm.gif) no-repeat bottom; height: 16px; width:400px; }

#mainforms { padding-bottom:10px; text-align:center; font-family: Arial, "Times New Roman", Times, serif; font-size:.9em; }
#mainforms input.text { margin: 0 0 4px 0;  width: 135px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; }
#mainforms input.text:hover { background-color: #fff; }
#mainforms input.textsml { margin: 0 0 4px 0;  width: 60px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; }
#mainforms textarea.texta { margin: 0 0 4px 0;  width: 200px; height: 70px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; }

/*/----------- AVAILABILITY PREVIEW RIGHT COLUMN -------------/*/

#availsml {
	/*background: url(../images/dotted-rhs.gif) repeat-x bottom;*/
	width:208px; margin:0 0 20px 0;
}
#availsml h3 {
	margin:0; padding:4px 0 0 0;
	border:0;
	font-size:.6em;
	font-weight: normal;
	background: url(images/booking/pviewbar.gif) no-repeat top;
	height:17px;
	color: #1f2b33;
	font-family:  Arial, Verdana, Tahoma;
	/*line-height:1.5em;*/
}
#availsml table{
	clear: both;
	margin: 0;
	width:208px;
	background-color: #fff;
	font-size: 0.6em;
	font-family:  Arial, Verdana, Tahoma;
	color: #919191;
	padding: 0;
	border-collapse: collapse;
	border:0;
	text-align: center;
}
#availsml td {
	margin: 0;
	padding:0;
}

#availsml th.month {
	margin: 0;
	padding:0; 
	background: url(images/booking/pviewmonth.gif) no-repeat top left;
	width:33px;
	height:19px;
}

#availsml td.pAvail {
	margin: 0;
	padding:0; 
	/*background: url(images/booking/pviewavail.gif) no-repeat top left;*/
	width:33px;
	height:19px;
}

#availsml td.pBkd {
	margin: 0;
	padding:0; 
	background: url(images/booking/pviewbkd.gif) no-repeat top left;
	width:33px;
	height:19px;
}	
	
#availsml td.pNoweek {
	margin: 0;
	padding:0; 
	width:33px;
	height:19px;
}
	
#availsml td.wbg {
	margin: 0;
	background-color: #fff;
	border: 3px #567BBD;
}

#availsml td.selfcaters { background:url(images/booking/sc-start.gif) no-repeat top left; height:9px; }
#availsml td.selfcaterf { background:url(images/booking/sc-end.gif) no-repeat top left; height:9px; }
#availsml td.selfcater { background:url(images/booking/selfcatering.gif) no-repeat top left; height:9px; }
#availsml td.groups { background:url(images/booking/groupbookings.gif) no-repeat top left; height:9px; }
		
#availsml th {
	font-weight: normal;
	padding:4px;
}
#availsml a, #availsml a:visited { color: #fff; text-decoration: none; }
#availsml a:hover { text-decoration: underline; color: #fff; }

/*#availsml .pAvail li { display: inline; margin:0; width:33px; height:19px; }
#availsml .pAvail li a, #availsml .pAvail li a:visited { float: left; background: url(images/booking/pviewavail.gif) no-repeat top; color: #1f2b33; margin:0; padding:0; text-decoration: none; border:0;}
#availsml .pAvail li a:hover { background: url(images/booking/pviewavail.gif) no-repeat bottom; }*/

#minia { width: 33px; margin: 0; padding:0; float: right; height: 19px; }
#minia ul { list-style: none; margin: 0; padding: 0; height: 19px; }
#minia ul li { display: inline; height: 19px; float: left; margin:0; }
#minia ul li a { display: inline; height: 19px; float: left; padding:0; }
#minia .tt-1 { background: url(images/booking/pviewavail.gif) no-repeat top; width: 33px; height: 19px; margin:0; padding:0; }
#minia .tt-2 { background: url(images/booking/pviewbkd.gif) no-repeat top; width: 33px; height: 19px; margin:0; padding:0; }
#minia .tt-3 { background: url(images/booking/pviewnoweek.gif) no-repeat top; width: 33px; height: 19px; margin:0; padding:0; }
#minia .tt-1 a:hover, #minia .tt-1 a.selected { background:  url(images/booking/pviewavail.gif) no-repeat bottom left; }

/*  GROUPS AVAILABILITY  */
#groups-avail { float:left; }
#availfullg {}
#availfullg h3 {
	margin-top: 3px;
	font-size: 1.3em;
	font-weight: bold;
	color: #193281;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial;
	line-height:1.5em;
}
#availfullg .availhead { background:url(images/booking/fullbar.gif) no-repeat top left; font-size:1.2em; font-weight:bold; color:#1f2b33; }
#availfullg table{
	clear: both;
	margin-top:13px;
	background-color: #fff;
	font-size: .7em;
	color: #919191;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}
#availfullg td {
	margin: 0;
	padding: 1px;
}
		
#availfullg td.wbg {
	margin: 0;
	background-color: #fff;
	border: 3px #567BBD;
	color: #1f2b33;
}
	
#availfullg td.booked {
	margin: 0;
	background:url(images/booking/fullbkd.gif) no-repeat top left;
	/*border: 3px #567BBD;*/
	color: #ff3237;
}
	
#availfullg td.avail {
	margin: 0;
	background:url(images/booking/fullavail.gif) no-repeat top left;
	border: 3px #567BBD;
	color: #247221;
}

#availfullg td.group {
	margin: 0;
	background:url(images/booking/notavail.gif) no-repeat top left;
/*	border: 3px #567BBD;*/
	color: #6f6f6f;
}

#availfullg td.noweek {
	margin: 0;
	background-color: #fff;
	/*border: 3px #567BBD;*/
}		
		
#availfullg th {
	font-weight: normal;
	background:url(images/booking/fullmonth.gif) no-repeat top left;
	padding:0;
}
#availfullg th.sc {
	font-weight: normal;
	background:url(images/booking/fullmonthsc.gif) no-repeat top left;
	padding:0;
}
#availfullg a, #availfullg a:visited { color: #247221; text-decoration: none; }
#availfullg a:hover { text-decoration: underline; color: #247221; }


/*  SELF CATERING AVAILABILITY  */
#selfc-avail { float:right; }

/*  NEWLETTER SIGN-UP  */
#nletter { margin: 0 0 20px 0; }
#nletter .title { font-size:1.2em; font-weight: normal; color:#1f2b33; text-align:left; margin:0 0 5px 0; border-bottom:#e7e9e9 1px solid; line-height:1.2em; }
#nletter p { margin: 5px 0; color: #1f2b33; font-size: 0.75em; line-height:1.3em; }
#nletter .su { color:#1e90ff; }
#nletter .butt { margin:10px 0; }
#nletter input.text { margin: 5px 0 4px 0;  width: 170px; border: 1px solid #e4e4e4; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.75em; font-weight:normal; }
#nletter input.text:hover { background-color: #fff; }
#nletter input.textsml { margin: 0 0 4px 0;  width: 60px; border: 1px solid #a3a3a3; background-color: #fff; padding:2px; font-family: Arial, "Times New Roman", Times, serif; font-size:.8em; }

/*  SITE MAP BULLETS  */
#smbullets { margin:15px 15px 0 0; font-size:0.8em; }
#smbullets ul { list-style: none; margin: 0 15px 0 12px; padding-left: 15px; }
#smbullets ul li { display: block; color: #151515; padding: 0 25px 6px 25px; background: url(images/page_white.png) no-repeat left top; text-align:left; line-height:1.3em; }
#smbullets ul li ul { list-style: none; margin: 15px 15px 0 0; padding: 0; }
#smbullets ul li ul li { display: block; color: #151515; padding: 0 25px 6px 25px; text-align:left; line-height:1.3em; background: url(images/page_white.png) no-repeat left top; }
#smbullets ul .one a { text-decoration:none; font-weight:bold; }
#smbullets ul .two a { text-decoration:none; font-weight:normal; }