@charset "UTF-8";
/* CSS Document */


body,td,th
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993333;
	}

a.normal:link
	{
	text-decoration: none;
	color:#993333;
	border:none;
	font-style:normal;
	}
	
a.normal:visited
	{
	text-decoration: none;
	color:#993333;
	border:none;
	font-style:normal;	
	}

	
a.bold:link
	{
	color:#993333;
	font-weight:bold;
	text-decoration:none;
	}
	

a.bold:visited
	{
	color: #993333;
	text-decoration: none;
	font-weight:bold;
	}

a.boldwhite:link
	{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	

a.boldwhite:visited
	{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	}
	


a.roll:link 
	{
	color: #993333;
	text-decoration: none 
	}
	
a.roll:hover
	{
	color: #993333;
	font-weight:bold;
	text-decoration:none;
	}
 


.centreit /* keeps everything centred in the window, horizontally and vertically */ 
    {
	position:absolute;
	left:50%;
	top:50%;
	width:670px;
	height:552px;
	margin-left:-335px;
	margin-top:-276px;
	background-color:#FFFFFF;
    }
	  
.centreitpink /* keeps everything centred in the window, horizontally and vertically */ 
    {
	position:absolute;
	left:50%;
	top:50%;
	width:670px;
	height:552px;
	margin-left:-335px;
	margin-top:-276px;
	background-color:#F5E3E0;
    }	  
	  
.welcomewhite /* white welcome text */ 
    {
	position:absolute;
	left:24px;
	top:24px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:20px;
	color:#FFFFFF;
	z-index:10;
    }	  
	  
.welcomeplumb /* plumb welcome text */ 
    {
	position:absolute;
	left:24px;
	top:24px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:20px;
	color:#993333;
	z-index:10;
    }	 	  

.menuline /* div for dropdown menu - white space */ 
	{
	position:absolute;
	left:0px;
	top:123px;
	width:670px;
	height:40px;
	background-image:url(images/menulines.png);
	background-color:#FFFFFF;
	z-index:9;
	}
	  
.baseline /* div at bottom of each page for bookings and enquiries, address, email address */ 
	{
	position:absolute;
	left:0px;
	top:488px;
	width:670px;
	height:66px;
	background-color:#FFFFFF;
	}

.baselinecontact /* IMAGE in div at bottom of each page for bookings and enquiries, address, email address */ 
	{
	position:absolute;
	left:0px;
	top:488px;
	width:670px;
	height:64px;
	background-color:white;
	}	  
	  
.berrypattern /* berry pattern for index page */
	{
	position:absolute;
	left:0px;
	top:0px;
	width:670px;
	height:488px;
	background-image: 
	}	 	

.random image /* place code for random image selection inside this div on homepage */ 
	{
	position:absolute;
	left:0px;
	top:0px;
	width:670px;
	height:488px;
	background-image: /* will php code work here or does it need to be in div on html page? */	
	}
	
.home /* for the cottage drop down menu */
	{
	position:absolute;
	left:0px;
	top:0px;
	width:131px;
	height:40px;
	border:0;
	background-color: none;
	}	
	
.home:hover /* for the cottage drop down menu */
	{
	display:block;
	background-color: #ECECEC;
	}		
	

	  
.thecottage /* for the cottage drop down menu */
	{
	position:absolute;
	left:132px;
	top:0px;
	}
	
.thelocation /* for the location drop down menu */
	{
	position:absolute;
	left:268px;
	top:0px;
	z-index:110;
	}	
		  
.thetarrif /* for the tarrif drop down menu */
	{
	position:absolute;
	left:404px;
	top:0px;
	}
	
.contactus /* for the cottage drop down menu */
	{
	position:absolute;
	left:540px;
	top:0px;
	width:130px;
	height:40px;
	border:0;
	}	
	

	
.title_top_left_plumb
	{
	position:absolute;
	left:23px;
	top:24px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:20px;
	color:#993333;
	z-index:10;
	}
	
.title_top_left_white
	{
	position:absolute;
	left:23px;
	top:24px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:20px;
	color:#FFFFFF;
	z-index:10;
	}	
	
.top_title /* plumb title text */ 
	{
	position:absolute;
	left:136px;
	top:24px;
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:20px;
	color:#993333;
	z-index:10;
	}	
	  
.room_pics
	{
	position:absolute;
	top:191px;
	left:271px;
	width:379px;
	height:276px;
	}
	
.room_text
	{
	position:absolute;
	top:191px;
	left:23px;
	width:212px;
	line-height:15px;
	}		   	  	
	
.room_link
	{
	position:absolute;
	top:456px;
	left:25px;
	color:#993333;
	}		 	
	
.rooms_living
	{
	position:absolute;
	top:191px;
	left:0px;
	height:272px;
	width:124px;
	}
	
.rooms_living_text
	{
	position:absolute;
	top:468px;
	left:0px;
	}
	
.rooms_dining
	{
	position:absolute;
	top:191px;
	left:136px;
	height:272px;
	width:124px;
	}
	
.rooms_dining_text
	{
	position:absolute;
	top:468px;
	left:136px;
	}	
	
.rooms_sleeping
	{
	position:absolute;
	top:191px;
	left:273px;
	height:272px;
	width:124px;
	}	
	
.rooms_sleeping_text
	{
	position:absolute;
	top:468px;
	left:273px;
	}		
			 
.rooms_bathing
	{
	position:absolute;
	top:191px;
	left:410px;
	height:272px;
	width:124px;
	}
	
.rooms_bathing_text
	{
	position:absolute;
	top:468px;
	left:410px;
	}			
	
.rooms_outdoors
	{
	position:absolute;
	top:191px;
	left:546px;
	height:272px;
	width:124px;
	}	
	
.rooms_outdoors_text
	{
	position:absolute;
	top:468px;
	left:546px;
	}	
	
.facilities_text_one			
	{
	position:absolute;
	top:191px;
	left:23px;
	line-height:19px;
	}	
	
.facilities_text_one_b			
	{
	position:absolute;
	top:356px;
	left:23px;
	line-height:19px;
	}					
				  
.facilities_text_two			
	{
	position:absolute;
	top:191px;
	left:137px;
	line-height:19px;
	}
	
.facilities_text_two_b			
	{
	position:absolute;
	top:332px;
	left:137px;
	line-height:19px;
	}			  
	  
.facilities_text_three			
	{
	position:absolute;
	top:191px;
	left:271px;
	line-height:19px;
	}
	
.facilities_text_three_b			
	{
	position:absolute;
	top:261px;
	left:271px;
	line-height:1.36em;
	}	
	
.facilities_text_three_c			
	{
	position:absolute;
	top:352px;
	left:271px;
	line-height:1.36em;
	}			
	
.facilities_text_three_d			
	{
	position:absolute;
	top:426px;
	left:271px;
	line-height:1.36em;
	}		
	
.facilities_image		
	{
	position:absolute;
	top:191px;
	left:410px;
	height:276px;
	width:238px;
	background-image:url(images/facilities.jpg);
	}
	
.icon_car
	{
	position:absolute;
	top:190px;
	left:269px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_car_light.jpg);
	}
	
.icon_car:hover
	{
	background-image:url(images/icon_car_dark.jpg);
	}	
	
.icon_car_selected
	{
	position:absolute;
	top:190px;
	left:269px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_car_dark.jpg);
	}	
	
.icon_train
	{
	position:absolute;
	top:190px;
	left:354px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_train_light.jpg);
	background-color:#F5E3E0;
	}
	
.icon_train:hover
	{
	background-image:url(images/icon_train_dark.jpg);
	background-color:#F5E3E0;
	}	
	
.icon_train_selected
	{
	position:absolute;
	top:190px;
	left:354px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_train_dark.jpg);
	}	
	
	
.icon_plane
	{
	position:absolute;
	top:190px;
	left:439px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_plane_light.jpg);
	}
	
.icon_plane:hover
	{	
	background-image:url(images/icon_plane_dark.jpg);
	}
	
.icon_plane_selected
	{
	position:absolute;
	top:190px;
	left:439px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_plane_dark.jpg);
	}	
	
.icon_bus
	{
	position:absolute;
	top:190px;
	left:524px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_bus_light.jpg);
	}
	
.icon_bus:hover
	{	
	background-image:url(images/icon_bus_dark.jpg);
	}	
	
.icon_bus_selected
	{
	position:absolute;
	top:190px;
	left:524px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_bus_dark.jpg);
	}	
	
	
	
.icon_taxi
	{
	position:absolute;
	top:190px;
	left:612px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_taxi_light.jpg);
	}
	
.icon_taxi:hover
	{	
	background-image:url(images/icon_taxi_dark.jpg);
	}	
	
.icon_taxi_selected
	{
	position:absolute;
	top:190px;
	left:612px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_taxi_dark.jpg);
	}	
	
.arrival_description		
    {
	position:absolute;
	top:258px;
	left:270px;
	line-height:15px;
	}
	
.transport_contacts		
    {
	position:absolute;
	top:285px;
	left:538px;
	line-height:15px;
	} 		
	
.map_britain_ireland	
    {
	position:absolute;
	top:190px;
	left:20px;
	height:257px;
	width:228px;
	}
	
.booking_terms_scroll
	{
	position:absolute;
	padding:0px;
	left:136px;
	top:191px;
	width:512px;
	height:276px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
	}

.contact_details			
	{
	position:absolute;
	top:191px;
	left:23px;
	line-height:16px;
	}
	
.icon_camera
	{
	position:absolute;
	top:50px;
	left:23px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_camera_light.jpg);
	}
	
.icon_camera:hover
	{	
	background-image:url(images/icon_camera_dark.jpg);
	}
	
.icon_camera_selected
	{
	position:absolute;
	top:50px;
	left:23px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_camera_dark.jpg);
	}	
	  
	  
.icon_bag
	{
	position:absolute;
	top:50px;
	left:68px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_bag_light.jpg);
	}
	
.icon_bag:hover
	{	
	background-image:url(images/icon_bag_dark.jpg);
	}	
	
.icon_bag_selected
	{
	position:absolute;
	top:50px;
	left:68px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_bag_dark.jpg);
	}	 
	
.icon_cutlery
	{
	position:absolute;
	top:95px;
	left:23px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_cutlery_light.jpg);
	}
	
.icon_cutlery:hover
	{	
	background-image:url(images/icon_cutlery_dark.jpg);
	}
	
.icon_cutlery_selected
	{
	position:absolute;
	top:95px;
	left:23px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_cutlery_dark.jpg);
	}		
	 
.icon_boat
	{
	position:absolute;
	top:95px;
	left:68px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_boat_light.jpg);
	}
	
.icon_boat:hover
	{	
	background-image:url(images/icon_boat_dark.jpg);
	}
	
.icon_boat_selected
	{
	position:absolute;
	top:95px;
	left:68px;
	width:36px;
	height:35px;
	background-repeat:no-repeat;
	background-image:url(images/icon_boat_dark.jpg);
	}
	
.input
	{
	border-top:1px white solid;
	border-right:1px white solid;
	border-left:1px white solid;
	border-bottom:1px white solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #993333;
	line-height:16px; 
	text-decoration: none; 
	background-color: none;
	overflow:hidden;
	height:20px;
	width:181px;
	}

.input_2
	{
	border-top:1px white solid;
	border-right:1px white solid;
	border-left:1px white solid;
	border-bottom:1px white solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #993333;
	line-height:16px; 
	text-decoration: none; 
	background-color: none;
	
	height:80px;
	width:181px;
	}		
	
.noscriptenter
	{
	position:absolute;
	top:123px;
	left:0px;
	}	
	
.noscriptimage
	{
	position:absolute;
	top:0px;
	left:0px;
	}	
	
.noscripttimes
	{
	position:absolute;
	top:231px;
	left:20px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:20px;
	color:#993333;
	}

.noscript_left
	{
	position:absolute;
	top:320px;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.36em;
	color:#993333;
	}		
	 
.noscript_right
	{
	position:absolute;
	top:234px;
	left:408px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.36em;
	color:#993333;
	}
	
.noscript_back
	{
	position:absolute;
	top:454px;
	left:408px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:1.36em;
	color:#993333;
	}	
	
	   
/* NEW DROP DOWN MENU CSS + the javascript, see seperate file */


.one
	{
	padding-top: 0px;
	margin: 0px;
	}

.two
	{
	line-height:15px;
	}

table.navbar
	{
	margin: 0px;
	padding: 0px; 
	border: 0px; 
	font-weight: bold;
	}

table.menu
	{
	font-size: 8pt;
	top:40px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}

td.menuNormal
	{
	padding: 0px;
	color: black;
	font-weight: bold;
	vertical-align: top;
	height: ;
	background-color: ;
	}

td.menuNormal:hover
	{
	background-color: #ECECEC;
	}
	
td.menuNormal2
	{
	padding: 0px;
	color: black;
	font-weight: bold;
	vertical-align: top;
	height: ;
	background-color: ;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	}

td.menuNormal2:hover
	{
	background-color: #ECECEC;
	}	

td.menuHover
	{
	padding: 0px;
	color: black;
	font-weight: bold;
	vertical-align: top;
	/*remove the following line for drop-down menu with images*/
	}

div.menuNormal
	{
	display: none;
	height:;
	position: absolute;
	top:40px;
	left:0px;
	}
	
div.menuNormal2
	{
	display: none;
	height:;
	position: absolute;
	top:40px;
	left:0px;
	overflow:auto;
	overflow-x:hiddend;
	overflow-y:scroll;
	}	


div.menuHover
	{
	border: 0px solid lightblue;
	background-color: white;
	display: inline;
	position: absolute;
	}

a.menuitem:link
	{
	text-decoration: none;
	color: black;
	background-color: white;
	display: block;
	}

a.menuitem:visited
	{
	text-decoration: none;
	color: black;
	background-color: white;
	display: block;
	}

a.menuitem:hover
	{
	text-decoration: none;
	background-color: #ECECEC;
	border:0;
	}

a.menuitem:active
	{
	text-decoration: none;
	color: black;
	background-color:;
	display: block;
	}
	
	
a.menuitem2:link
	{
	text-decoration: none;
	color: black;
	background-color: white;
	display: block;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
	}

a.menuitem2:visited
	{
	text-decoration: none;
	color: black;
	background-color: white;
	display: block;
	}

a.menuitem2:hover
	{
	text-decoration: none;
	background-color: #ECECEC;
	border:0;
	}

a.menuitem2:active
	{
	text-decoration: none;
	color: black;
	background-color:;
	display: block;
	}

	

a.topbutton:link
	{
	display:block;
	text-decoration: none;
	background-color:#FFFFFF;
	z-index:10000;
	}

a.topbutton:hover
	{
	background-color: #ECECEC;
	z-index:10001;
	}


a.contact:link
	{
	display:block;
	text-decoration: none;
	background-color:#FFFFFF;
	z-index:10000;
	}

a.contact:hover
	{
	background-color: #ECECEC;
	z-index:10001;
	}