/*	styles.css */

/*
	set up some default font styles
*/
body, div, span, p, h1, h2, h3, th, td, input, textarea, select {
	font-size: 11px;
	line-height: 14px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	color: #8F8E8E;
}

/*
	tidy up the body
*/
body {
	margin: 0;
	padding: 0;
}

/*
	default link styles
*/
a {
	text-decoration: none;
}

a img {
	border: none;
}

/*
	heading styles
*/
h1, h2, h3 {
	color: #333300;
	clear: both;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
h1.main {
	font-size: 1.0em;
}

/*
	container divs
*/

/*
	general site container
*/
#container {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

#inner-container {
	width: 695px;
	padding-left: 14px;
	background: url(../img/shadow-left.gif) repeat-y;
}

/*
	make sure that the logo floats to the right
*/
#logo {
	text-align: right;
}

/*
	banner and navigation placeholder
	this will have a background image that will 
	hold the full size drop shadow
*/
#banner-nav {
	width: 706px;
	height: 252px;
	padding-right: 2px;
	background: url(../img/header-back.gif) repeat-y right;
}

/*
	banner placeholder
*/
#banner {
	width: 695px;
	height: 218px;
	padding: 0;
	margin: 0;
}

/*
	content container this will float the remaining content
	to the left. This will need a background image of the 
	drop shadow that will appear to the right of all the 
	divs contained within it
*/
#content-container {
	float: left;
	width: 560px;
	background-image: url(../img/content-back-2.gif);
}
#inner-content-container {
	width: 550px;
}

/*
	the main navigation	this is an inline list
*/
#navigation {
	width: 695px;
	height: 45px;
}
#navigation img {
	display: block;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 7px;
	background-color: #999966;
	height: 23px;
	width: 695px;
	/*border-bottom: 1px solid #999966;*/
}
/*
	for IE
*/
* html #navigation ul {
	height: 24px;
}

#navigation ul li {
	color: #fff;
	display: inline;
	white-space: nowrap;
	padding: 8px 14px;
	border-bottom: 2px solid #999966;
}
#navigation ul li a {
	color: #fff;
}

/*
	set a hover/current state for the links
*/
#navigation ul li:hover,
#navigation ul li.over,
#navigation ul li.current {
	background-color: #333300;
	border-bottom: 2px solid #99FF00;
}

/*
	set the left and right padding for 
	gulliver, content, copyright and ads-lower
*/
#gulliver,
#content,
#copyright,
#ads-lower {
	margin: 0 30px;
}

#gulliver {
	color: #fff;
	background-color: #ABDD59;
	padding: 0;
	margin: 0;
}
#gulliver-form,
#gulliver-form input,
#gulliver-form select {
	font-size: 10px;
}
#gulliver-form {
	color: #fff;
	background-color: #666633;
	padding: 10px;
	border-bottom: 2px solid #99FF00;
	/*margin-bottom: 10px;*/
}
#gulliver-form form {
	margin: 0;
	padding: 0;
}

#content {
	border-bottom: 5px solid #999966;
	min-height: 650px;
	padding-bottom: 10px;
}
/*
	for IE
*/
* html #content {
	height: 650px;
}

#content a {
	color: #333300;
}
#content a:hover {
	color: #8F8E8E;
}

/*
	the car logos
*/
#carlogos {
	margin-left: 150px;
	margin-bottom: 10px;
}
#carlogos img {
	margin-right: 15px;
}

/*
	substitute h3 tag
*/
b.h3 {
	color: #333300;
	font-size: 1.1em;
	font-weight: normal;
}

/*
	the recommendations
*/
.recommended {
	border-top: 1px solid #333300;
	border-bottom: 1px solid #333300;
	height: 93px;
}
.recommended img.rec-left {
	float: left;
	margin-right: 10px;
}
.recommended img.rec-right {
	float: right;
}
.recommended p {
	margin: 5px;
	font-size: 1.1em;
	color: #8d8d65;
}
.recommended p.normal {
	font-size: 1.0em;
}


/*
	hotel display page
*/
#content #hotelDisplay {
	border: 1px solid #999966;
	border-top: 2px solid #99FF00;
}
#content #hotelDisplay table.facilities {
	width: 100%;
}
#content #hotelDisplay table.facilities th,
#content #hotelDisplay table.facilities td {
	height: 20px;
}
#content #hotelDisplay table.facilities th {
	text-align: left;
	border-bottom: 1px solid #333300;
	color: #333300;
}
#content #hotelDisplay table.facilities td {
	border-bottom: 1px solid #fff;
	color: #fff;
}
#content #hotelDisplay table.facilities th.fac,
#content #hotelDisplay table.facilities td.fac {
	border-bottom: none;
}

#content #hotelDisplay h3 {
	margin: 0;
	margin-bottom: 5px;
	font-size: 1.0em;
	color: #999966;
}
#hotelDetails1,
#hotelDetails2,
#hotelDetails3,
#hotelDetails4,
#hotelDetails5 {
	clear: left;
	color: #fff;
	padding: 5px 10px;
	border-top: 1px solid #999966;
}
#hotelDetails1 div,
#hotelDetails2 div,
#hotelDetails3 div,
#hotelDetails4 div,
#hotelDetails5 div {
	color: #fff;
}
#hotelDetails1 {
	background-color: #999966;
}
#hotelDetails2 {
	background-color: #555522;
}
#hotelDetails3 {
	background-color: #666633;
}
#hotelDetails4 {
	background-color: #777744;
}
#hotelDetails5 {
	background-color: #6e0809;
}

img.hotellist {
	border: 1px solid #999966;
	float: left;
	margin-right: 5px
}

img.gal {
	width: 150px;
	height: 100px;
	border: 1px solid #333300;
	margin-right: 1px;
	margin-bottom: 5px;
}

ul.minimal {
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
ul.minimal li {
	color: #fff;
}

/*
	inner tabs
*/
#content #tab-container {
	margin-top: 10px;
	margin-left: 10px;
}
#content ul#tabs {
	list-style: none;
	white-space: nowrap;
	margin: 0;
}
#content ul#tabs li,
#content ul#tabs li.on,
#content ul#tabs li.off {
	float: left;
	text-align: center;
	margin-right: 1px;
}
/*	IE 6 hack */
* html #content ul#tabs li,
* html #content ul#tabs li.on,
* html #content ul#tabs li.off {
	width: 70px;
}
#content ul#tabs li.on {
	background: url(../img/tab_right.gif) no-repeat right top;
}
#content ul#tabs li.on a {
	background: url(../img/tab_left.gif) no-repeat left top;
	color: #fff;
}
#content ul#tabs li.off {
	background: url(../img/tab_right_off.gif) no-repeat right top;
}
#content ul#tabs li.off a{
	background: url(../img/tab_left_off.gif) no-repeat left top;
}

#content ul#tabs li a {
	display: block;
	color: #969999;
	height: 11px;
	padding: 5px 8px;
}
#content ul#tabs li a:hover {
	color: #666633;
	text-decoration: underline;
}

div.undertabs {
	padding-top: 10px;
}
/*	IE Hack
---------------------------------------- */
* html div.undertabs {
	height: 90px;
}

/*
	create the curved edges for the display section
*/
div#tl {
	clear: left;
	background: #333300 url(../img/tl.gif) no-repeat top left;
	width: 375px;
}
div#tr {
	background: url(../img/tr.gif) no-repeat top right;
}
div#bl {
	clear: left;
	background: #253852 url(../img/bl.gif) no-repeat bottom left;
}
div#br {
	background: url(../img/br.gif) no-repeat bottom right;
}

/*
	the offers section on the home page
	containing the three selected hotels
*/
.offer {
	width: 146px;
	float: left;
	margin-right: 10px;
}
.offer img, 
.spa img {
	border: 3px solid #999966;
}
.offer img.star,
.spa img.star {
	border: none;
}
.offer img,
.offer img.star,
.spa img,
.spa img.star {
	margin-top: 8px;
}
.offer h2,
.spa h2 {
	margin: 0;
	font-size: 1.1em;
	height: 30px;
}
.spa {
	width: 176px;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	margin: 10px 0 10px 10px;
	background-color: #F7F7F7;
}

.home {
	width: 290px;
}

* html .home {
	margin-top: 10px;
}

/*
	fade the offer image on mouse over
	wrap in an a tag for ease of IE use
*/
.offer a img,
.spa a img {
	opacity:0.99;
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity:0.99;
}
.offer a:hover img,
.spa a:hover img {
	opacity:0.80;
	filter:alpha(opacity=80); 
	-moz-opacity:0.80;
	-khtml-opacity:0.80;
}

/*
	set the image style for the killarney page
*/
img.trails {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 1px solid #999966;
}

/*
	on the golf page set the left and right div areas
*/
.left {
	float: left;
	width: 160px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.left img {
	border: 1px solid #999966;
}
table.courses {
	width: 100%;
	border-collapse: collapse;
	clear: left;
}
.courses th,
.courses td{
	vertical-align: top;
	padding: 2px;
	border: 1px solid #C7C6C6;
	font-size: 0.8em;
}
.courses th {
	text-align: left;
	padding-left: 5px;
	background-color: #333300;
	border-bottom: 2px solid #99FF00;
	color: #fff;
	font-size: 1.0em;
}
table.courses td.lft {
	width: 100px;
}
table.courses td.image {
	border: none;
	padding: 0;
	width: 170px;
}
table.courses td.image img {
	border: 1px solid #C7C6C6;
}
table.courses tr.top td{
	border-top: 2px solid #99FF00
}
.right {
	float: left;
	width: 310px;
	padding-bottom: 10px;
}

#nl-links {
	color: #fff;
	background-color: #333300;
	border-bottom: 2px solid #9ECE44;
	width: 550px;
}

#newsletter {
	float: left;
	padding: 0 30px 20px 30px;
	width: 200px;
}
#newsletter div {
	color: #fff;
	font-size: 10px;
}

#links {
	float: right;
	margin-right: 30px;
}
#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#links ul li {
	display: inline;
	width: 84px;
	height: 16px;
	padding: 0 5px 5px 5px;
	margin-left: 5px;
	text-align: center;
	background: url('../img/link-back.gif') no-repeat;
}
#links a {
	width: 100%;
	color: #8585A0;
}
#links a:hover {
	width: 100%;
	color: #C2C2D0;
}

/*
	security logo
*/
#security {
	float: right;
	width: 100px;
}

/*
	faq page
*/
ol.faq li {
	padding-top: 5px;
	padding-bottom: 5px;
}

#copyright {
	font-size: 9px;
	color: #000;
}
#copyright a {
	color: #333300;
}
#copyright a:hover {
	color: #888855;
}
#ads {
	float: right;
	width: 120px;
	margin-left: 10px;
	margin-top: 10px;
	/*border-bottom: 2px solid #99ff00;*/
}
#ads h3,
#ads p {
	padding: 5px;
	margin: 0;
}
#ads h3 {
	color: #fff;
	text-align: center;
	background: url(../img/ad-top.gif);
	border-bottom: 2px solid #99ff00;
}
#ads p a {
	color: #333300
}
#ads p a:hover {
	color: #555522;
}

#ads img {
	margin: 0;
	float: left;
}

/*
	contact styles
*/
form table td {
	color: #fff;
}
table.form {
	width: 100%;
	border-collapse: collapse;	
}
table.form th,
table.form td {
	border: 1px solid #ECE9D8;
	padding: 5px;
}
table.form th {
	color: #fff;
	background-color: #666633;
}
table.form td {
	color: #8F8E8E;
}
table.form td.leftSide {
	width: 150px;
	text-align: right;
	white-space: nowrap;
}
table.form input,
table.form textarea,
table.form select {
	width: 250px;
}
table.form select.date {
	width: 81px;
}
table.form textarea {
	height: 150px;
}

/* ClearFix
------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: left;}
/* End Holly Hack */

/*	the links under the hotels list */
.acc-link {
	clear: left;
	padding: 5px;
	border-bottom: 1px solid #59FF00;
	background-color: #888855;
	text-transform: uppercase;
}
.acc-link a {
	color: #333300;
}
.acc-link a:hover {
	color: #555522;
}