@import "stylesheet_form.css";

body {
font-family: Verdana, Arial,  Helvetica, sans-serif;
font-size: 11px;
background: #183d2a;
padding:0;
line-height:1.4em;
color: #FFF;
margin-top:0px;
}

a:visited 	{color:#f3de6b;text-decoration: underline;}
a:link 		{color:#f3de6b;text-decoration: underline;}
a:hover 	{color:#f3de6b;text-decoration: underline;}

form 	{ margin:0;padding:0;}
select 	{border: 1px solid #8F8A80;}
P 		{padding:0px;margin-top:0px;margin-bottom:9px;color: #FFF;}
h3   	{font-size: 1.8em;font-family: Times, Verdana, Arial,  Helvetica, sans-serif;}
h4   	{font-size: 1.3em;font-family: Times, Verdana, Arial,  Helvetica, sans-serif;font-weight:bold;margin:8px 0px 0px 0px;color:#f3de6b;}

/* TEXT STYLES */
.smalltext   	{font-size: 0.9em;}
.faqs		   	{color:#f3de6b;}

/*EDITOR STYLE - KM */

.editorhead {padding:10px 0 0 0;}

/* MASTER CONTAINERS */
#canvas {width:980px;text-align:left;margin-left:auto;margin-right:auto;}
#head-container {height:323px;}

#ilkley_riverside_hotel {
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#ilkley_riverside_hotel h1 {
background-image: url(images/logo.gif);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:83px;
border-bottom:0px dotted black;
margin:0px 0 0 0;}

#ilkley_riverside_hotel a {
text-indent:-900em;
width:980px;
height:83px;
display:block;
text-decoration:none;
}

#outer {
width:980px;
padding:0;
float:left;
margin-bottom:2px;
background-color:#183d2a;
}
#innershade {
width:980px;
margin:15px 0px 6px 0px;
padding:0px 0px 0px 0px;
float:left;
border-bottom:2px solid #f3de6b;
}
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */

/* MASTER CONTAINERS GENERIC */
#menucolumn {
width:190px;
border-bottom:8px;
margin-right:0px;
float: left;
}
#gutterlarge {
width:28px;
height:200px;
margin-right:0px;
float: left;
}
#content {
width:544px;
margin:0px 0px 12px 0px;
margin-right:0px;
float: left;
text-align:justify;
}

#content h3 {font-weight:normal;color:#f3de6b;height:28px;margin:0px 0px 0px 0px;}

#guttersmall {
width:18px;
height:200px;
margin-right:0px;
float: left;
}
#rightcolumn {float: left;width:200px;}
#address {width:200px;text-align:right;}

/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */

/* SITE NAVIGATION */
#CustServ 			{width:190px;float:left;z-index:99;}
#CustServ a 		{font-size:1.1em;color:#f3de6b;font-weight:normal;text-decoration:none;}
#CustServ a:hover 	{text-decoration:underline;}
#CustServ ul 		{text-align:left;margin-top:0px;}
#CustServ li 		{display:block;padding: 0 0 0 10px;}

ul#servsetc  					{margin-left:0px;padding-left:0px;font-family: Times, Verdana, Arial,  Helvetica, sans-serif;text-transform: uppercase; }
ul#servsetc li.nomarginleft 	{margin-left:0px;padding-left:0px;margin-top:2px;}
ul#servsetc li 					{line-height:15px;border-right:0px solid #fff; padding-right:10px;margin-top:2px;}
ul#servsetc li a:hover			{color:#f3de6b;text-decoration:underline;}
ul#servsetc li.noborder			{border-right:none!important;padding-right:0px;margin-right:0px;}
ul#servsetc li.booking			{margin-left:0px;padding-left:0px;margin-top:12px;font-size:1.4em;text-transform: none;}

/* SITE NAVIGATION ACTIVE LINKS */
body.home 		#homelink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.rooms 		#roomslink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.tour 		#tourlink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.area 		#arealink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.menu 		#menulink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.restaurant	#restaurantlink a 	{color: #FFF; font-weight: bold; cursor: default;}
body.press 		#presslink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.faq 		#faqlink a 			{color: #FFF; font-weight: bold; cursor: default;}
body.find 		#findlink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.news 		#newslink a 		{color: #FFF; font-weight: bold; cursor: default;}
body.contact 	#contactlink a 		{color: #FFF; font-weight: bold; cursor: default;}


/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */

#wrapper_menublock1    {width:190px;margin:0px 0px 8px 0px;}
#bookonline {
line-height:100%;
border-top: 0px solid #0066CC;
width:190px;
margin-top:4px;
padding:0px 0px 0px 0px;
float:left;
}
#bookonline h2 {
background-image: url(images/mailimage2.gif);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:54px;
border-bottom:0px dotted black;
margin:0px 0 0 0;}

#bookonline h3 {font-size:1.1em;color:#f3de6b;font-weight:normal;margin:8px 0px 6px 0px;}
#bookonline p { font-family: Verdana, Arial,  Helvetica, sans-serif;font-size: 11px;margin:0px 0px 6px 0px;}
#bookonline img {margin:0px 0 0px 0px;}


/* NEWSLETTER SIGNUP */
#mailwrapper    {width:190px;margin:8px 0px 6px 0px;}

#emailsignup {
line-height:100%;
border-top: 0px solid #0066CC;
width:190px;
margin-top:4px;
padding:0px 0px 0px 0px;
float:left;
}
#emailsignup h2 {
background-image: url(images/mailimage.gif);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:54px;
border-bottom:0px dotted black;
margin:0px 0 0 0;}

#emailsignup h3 {font-size:1.1em;color:#f3de6b;font-weight:normal;margin:8px 0px 6px 0px;}
#emailsignup p { font-family: Verdana, Arial,  Helvetica, sans-serif;font-size: 11px;margin:0px 0px 6px 0px;}
#emailsignup img {margin:0px 0 0px 0px;}

#mailrow        {width:190px;margin-top:4px;clear:both;}
#mailleftcol    {width:133px;float:left;text-align:left;padding:0px 0px 12px 0px;}
#mailsubmit     {width:56px;float:left;}

.mailfield { 
margin:0;
padding:3px 0px 1px 8px;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
background-color:#ffffff;
font-family:Verdana,Arial,Helvetica,sans-serif;    
color:#000000;
font-size:11px; 
height:1.5em;
min-height:1.5em;
width:122px;}


/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */


/* START SITE PAGES */
/* HOMEPAGE */
#banner_home {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_home h2 {
background-image: url(images/banner.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}

/* ROOMS */
#banner_rooms {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_rooms h2 {
background-image: url(images/banner_rooms.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}

/* SURROUNDING AREAS */
#banner_surrounding {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_surrounding h2 {
background-image: url(images/banner_surrounding.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}

/* RESTAURANT AND MENUS */
#banner_menus {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_menus h2 {
background-image: url(images/banner_menus.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}

/* RESTAURANT AND MENUS */
#banner_restaurant {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_restaurant h2 {
background-image: url(images/banner_restaurant.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}

/* VIRTUAL TOUR */
#banner_virtual {
position: relative;
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_virtual h2 {
background-image: url(images/banner_virtual.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}



#tourwrapper {
position: relative;
height:238px;
width:980px;
float:left;height:240px;
z-index:99;
}
#virtualtour {
position:absolute;
top:0px;
left:327px;
width:226px;
height:240px;
z-index:99;
}





/* PRESS */
#banner_press {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_press h2 {
background-image: url(images/banner_press.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}
























/* FAQ */
#banner_faq {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_faq h2 {
background-image: url(images/banner_faq.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}


/* FAQ */
#banner_contact {
border-top: 0px solid #0066CC;
width:980px;
margin-right:0px;
color:#444444;
padding:0px 0px 0px 0px;
float:left;
}
#banner_contact h2 {
background-image: url(images/banner_contact.jpg);
background-repeat:no-repeat;
text-indent:-900em;
font-size:10px;
height:238px;
margin:0px 0 0 0;
border-bottom:2px solid #f3de6b;
}



/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */

#wrapper_css {
height:31px;
width:200px;
background-image: url(images/cleanenergy_menu.gif);
background-repeat:no-repeat;
margin:16px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/* CSS MENU WITH ODD WIDTHS */
#cssmenu {display:block; height:31px; margin:0px;}
#cssmenu ul {margin:0; padding:0; list-style-type:none;float:right;}
#cssmenu li {float:left; margin-right:0px; display:block; border:0px solid #000;}
#cssmenu li.lists1 {background:transparent url(images/valid-xhtml10-blue.png);width:88px;}
#cssmenu li.lists2 {background:transparent url(images/vcss-blue.gif);width:88px;}

#cssmenu a {display:block;  padding-top:31px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #cssmenu a:link, * html #cssmenu a:visited {height:31px; he\ight:0;}

#cssmenu a#items1 {background:transparent url(images/valid-xhtml10-blue.png) -88px -31px no-repeat;width:88px;}
#cssmenu a#items2 {background:transparent url(images/vcss-blue.gif) -88px -31px no-repeat;width:88px;}

#cssmenu a#items1:hover {background-position:top right; z-index:50;}
#cssmenu a#items2:hover {background-position:top right; z-index:50;}

* html #cssmenu a:hover {height:31px; he\ight:0;}

#css_divider {
width:10px;
height:31px;
background-image: url(images/css_divider.gif);
float:left;
}

/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */
/* ******************************************************************************************************************************************************************************************************* */


/* FOOTER NAVIGATION */
#navigation {
position: relative;
height:28px;
width:980px;
padding-left:0px;
padding-right:0px;
background-repeat:no-repeat;
float:left;
font-size: 1.0em;
z-index:99;
}
#navigation a {font-weight: normal;color: #f3de6b;text-decoration: none;}
#navigation a:hover {text-decoration: underline;}
#navigation ul {text-align:right;margin-top:0px;}
#navigation li {display: block;float: right;padding: 0 0 0 10px;}

ul#termsetc  {margin-left:0px;padding-left:0px;}
ul#termsetc li.home {margin-left:0px;padding-left:0px;}
ul#termsetc li {line-height: 14px; border-right: 1px solid #9ba7ba; padding-right: 10px;}
ul#termsetc li a { font-weight: normal;}

ul#termsetc li.noborder {border-right: none!important;margin-right:0px;padding-right:0px;}
ul#termsetc li.copyright {border-right: none!important;margin-left:0px;padding-left:0px;float: left;}


#FormErrors {
	float: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	font-weight: bold;
	color: darkorange;
}