/* LANGTRYS COLOUR SCHEME
BLUE #1C3E95
CREAM #FFEFBC
GOLD #966F2E
LIGHT BLUE #E0E2F1
LIGHT CREAM #F2F2F2



*/

/* DEFAULT STYLING */

body 
{font-family:  Calibri, "Helvetica Neue", Arial, Verdana,  Helvetica, sans-serif; margin:0; padding:0; font-size: 90%; line-height: 140%; background: #e0e2f1 url(../images/body-bg.gif) repeat-x;}

img {border: none;}

p {margin: 1em 6em; font-size:0.9em; color: #fff; text-align:justify;}

ul {margin: 1em 0; font-size:0.9em; color: #fff; text-align:justify;}

li {list-style-type: none; margin-left: none;}

dl, label {margin: 0 0 7px 0; font-size:0.9em;}

*html li {height: 1%;}

h1, h2, h3, h4, h5 {margin: 10px 0;}

h1 {font-size: 1.4em; color: #F2F2F2; font-weight: normal; margin: 1em; text-transform: uppercase;}
h2 {font-size: 0.9em; color: #fff; font-weight: normal; margin: 0 4.5em 0 6em; text-transform: uppercase;}
h3 {font-size: 1.1em; color: #fff; font-weight: normal; margin: 0 0 0 1.2em; text-transform: uppercase;}


a:link {color: #1C3E95;}
a:visited {color: #1C3E95;}
a:hover {color: #966f2e;}
a:active {color: #ee7d0c;}


#container {width: 56.9em; margin: 1.6em auto 0 auto; padding: 0; background-color: #f2f2f2; border-left: 2px solid #fff; border-right: 2px solid #fff; /*hold site centered */}



/*END DEFAULT STYLING */


#header-nav

{margin: 0; padding:0;
position: relative;
height: 10.2em; /*Height of header section*/
}


/*#header-nav ul {position: absolute; top: 6.9em; right: 0em; padding:0 0 0 0;  margin:0; list-style: none; font-size: 1.1em; height: 38px; display: block; width: 24.5em; z-index: 1;}
*/

#header-nav ul {display:block;
float:right;
font-size:14px;
height:38px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:109px 10px 0;
padding:0;
z-index:1;}



#header-nav ul li {float: left; margin-top: -5px; padding:0;}

#header-nav ul li a:link {text-decoration: none; padding: 15px 5px 11px 6px; display: block; text-transform:uppercase; }
#header-nav ul li a:visited {display: block; text-decoration: none; padding: 15px 5px 11px 6px; text-transform:uppercase; }
#header-nav ul li a:hover {padding: 15px 5px 11px 6px; background: url(../images/nav-top.gif) no-repeat top center; text-transform:uppercase; }
#header-nav ul li a:active {display: block; text-decoration: none; padding: 15px 5px 11px 6px; text-transform:uppercase; }




  


#marketing-toolkit {position: relative; margin: 0 auto; margin-top:4px; width: 71em; font-size: .8em; color: #fff; height: 1px; text-align: right; z-index: 9;} 
#marketing-toolkit ul {position: absolute;  width: 70em; padding: 0; margin:0; height: 1em;}
#marketing-toolkit ul li {display: block; float: left; padding: 0; margin:0  0 0 0; height: 1em;}
#marketing-toolkit a {color: #fff; text-decoration: none;} 
#marketing-toolkit a:visited {color: #FBFBFB; text-decoration: underline;}
#marketing-toolkit a:hover {color: #fff; text-decoration: underline; }
#marketing-toolkit a:active {color: #fff; text-decoration: none;}


* html #marketing-toolkit ul li {display: block; float: left; padding: 0; margin:0  0 0 0; height: 1em;}


#newsletter { display: none; text-align: left; margin: 0px; width: 360px; height: 80px; position: absolute; top: 2.3em; left:38em; z-index: 10; border: 1px solid #1C3E95; background: #1C3E95; color: #fff;}
#newsletter h3 {margin: 0em 0 1em 0;}
#newsletter form {margin: 1em;}






body.home li.home a, body.location li.location a, body.corporate li.corporate a, body.amenities li.amenities a, body.breakfast li.amenities a, body.environment li.amenities a, body.bedroom li.amenities a, body.blog li.blog a, body.tariff li.tariff a, body.access li.access a, body.contact li.contact a, body.gallery li.gallery a, body.upcoming li.upcoming a {background: url(../images/nav-top.gif) no-repeat top center; color: #966f2e;}




#logo {position: absolute; top: 1em; left: 2em; }

#phone-contact {position: absolute; top: .5em; left: 39em;}
#phone-contact a { background: url(../images/phone-contact.gif) no-repeat left bottom; width: 245px; height: 52px; display: block; text-indent: -9999px;}
#phone-contact a:hover {background: url(../images/phone-contact.gif) no-repeat left top;}


#flashcontent {margin: 0.5em;  border: 2px solid #fff; display: block;}


#contentwrapper{
float: left;
width: 55.5em;
margin: 0 0 0 .5em; padding:0;
display: inline;
border: 2px solid #fff;
}


body.home #contentwrapper {background: #1C3E95 url(../images/home.jpg) no-repeat top right;} 
body.location #contentwrapper {background: #3a4149 url(../images/location.jpg) no-repeat top right;}
body.corporate #contentwrapper {background: #2C3C4C url(../images/corporate.jpg) no-repeat top right;} 
body.amenities #contentwrapper {background: #89674e url(../images/amenities.jpg) no-repeat top right;} 
body.breakfast #contentwrapper {background: #a4922a url(../images/breakfast.jpg) no-repeat top right;} 
body.environment #contentwrapper {background: #6b941d url(../images/environment.jpg) no-repeat top right;} 
body.bedroom #contentwrapper {background: #12324b url(../images/bedroom.jpg) no-repeat top right;} 
body.blog #contentwrapper {background: #fe6701 url(../images/location.jpg) no-repeat top right;} 
body.tariff #contentwrapper {background: #740001 url(../images/tariff.jpg) no-repeat top right;} 
body.access #contentwrapper {background: #fe6701 url(../images/access.jpg) no-repeat top right;} 
body.contact #contentwrapper {background: #7f4c26 url(../images/contact.jpg) no-repeat top right;} 
body.friend #contentwrapper {background: #799170 url(../images/friend.jpg) no-repeat top right;} 
body.gallery #contentwrapper {background: #1C3E95;} 
body.upcoming #contentwrapper {background: #2C3C4C url(../images/contact.jpg) no-repeat top right;} 




body.home #intro-column, body.location #intro-column, body.corporate #intro-column, body.amenities #intro-column, body.breakfast #intro-column, body.environment #intro-column, body.bedroom #intro-column, body.tariff #intro-column, body.access #intro-column, body.blog #intro-column, body.contact #intro-column, body.friend #intro-column, body.upcoming #intro-column {
float: left;
text-align: left;
width: 33em;
margin: 0; 
padding:0 0 1em 0;
display: inline;


}


body.gallery #intro-column {
float: left;
text-align: left;
width: 100%;
margin: 0; 
padding:0 0 1em 0;
display: inline;


}



/*OPTIONAL SCROLL FOR LARGE TEXT PAGES
#intro-column {height: 500px; overflow: auto;}
*/

body.home #intro-column{
background-color: #1C3E95;
} 

body.location #intro-column{
background-color: #3a4149; 
}

body.corporate #intro-column{
background-color: #2c3c4c; 
}

body.upcoming #intro-column{
background-color: #2c3c4c; 
}

body.amenities #intro-column{
background-color: #89674e; 
}

body.breakfast #intro-column{
background-color: #a4922a; 
}

body.environment #intro-column{
background-color: #6b941d; 
}

body.bedroom #intro-column{
background-color: #12324b; 
}


body.tariff #intro-column{
background-color: #740001; 
}

body.access #intro-column{
background-color: #fe6701; 
}

body.contact #intro-column{
background-color: #7f4c26; 
}

body.friend #intro-column{
background-color: #799170; 
}

body.gallery #intro-column{
background-color: #1C3E95;
} 


.main-content-container {float: left; width: 56em;}


.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
padding: 0;
text-align:left;
}

#clist {

	margin:0 4.5em 0 6em;
	color:#fff;

}




span.swirly {width: 30em; margin-left: 14em;}

.top {text-align: right; font-size: .7em;}
.top a {color: #fff; text-decoration: underline;}
.top a:visited {color: #fff; text-decoration:none;}
.top a:hover {color: #fff; text-decoration: none;}
.top a:active {color: #fff; text-decoration: underline;}

#hero-column{
float: left;
position: relative;
text-align: left;
width: 316px;
margin: 0; 
padding:0;
display: inline;

}


ul.amenities-sub-nav {list-style: none; padding: 0; margin:0 0 0 6em; font-size: .9em;}
ul.amenities-sub-nav li {display: inline;} 
ul.amenities-sub-nav li a {color: #fff; text-decoration: underline; padding-right: 6px;}
ul.amenities-sub-nav li a:visited {color: #fff; text-decoration: underline;}
ul.amenities-sub-nav li a:hover {color: #fff; text-decoration: none;}
ul.amenities-sub-nav li a:active {color: #fff; text-decoration: none;}


div.menu-lists {margin-top: 2em;}

div.menu-lists ul {list-style: none; padding: 0; margin:1em 6em 2em 6em; font-size: .9em; font-style:italic;}
div.menu-lists li {color: #fff; padding-right: 6px; padding: 5px; border-bottom: 1px dotted #fff; line-height: 130%; }

div.menu-lists strong {color: #fff; margin: 0em 5.5em;}


div.site-lists {margin:0 6em 2em 6em;}
div.site-lists ul {list-style: none; padding: 0;font-size: .9em; }
div.site-lists li {padding-right: 6px; padding: 5px; line-height: 130%; }

div.site-lists ul li ul {padding-right: 6px; padding: 5px; }


div.site-lists li a {color: #fff;}
div.site-lists li a:visited {color: #fff;}
div.site-lists li a:hover {color: #fff;}
div.site-lists li a:active {color: #fff;}



ol {padding: 0; margin:1em 6em 2em 7.5em; font-size: .9em;}
ol li {color: #fff; padding: 0 5px; line-height: 130%;}




body.environment #intro-column a {color: #fff;} 
body.environment #intro-column a:visited {color: #FBFBFB}
body.environment #intro-column a:hover {color: #fff; }
body.environment #intro-column a:active {color: #fff;} 


dl {margin: 0; padding: 0;} 
dt {width: 50px; margin: 0; padding:10px 10px 0 0; font-weight: bold;} 
dd {float: left; margin: 0; padding:10px 0 0 10px; float: left; width: 580px;} 



/**********************--------------------------CONTACT PAGE and Newsletter*/


table.contact-form { width: 360px;}

/* #txtname, #txtemail, #txtphone, #txtmessage  {font-size:0.9em; border: 1px dotted #ccc; float: right; width: 220px; background-color: #F3F6FC; padding: 5px 0;} */


.your-name, .your-mail  {border: 1px dotted #ccc; float: right; width: 82px; background-color: #F3F6FC; padding: 3px 0;}

#btnsubmit, .submit-button {background-image: none; background-color:#002e60; border: 1px dotted #ccc; color: #fff; float: right; padding: 3px;}

table.opening-hours {width: 260px; border: 1px solid #ccc; font-size: .8em; color: #666; margin-bottom: 5px;}
.opening-hours th {font-size: 1em; text-align: left; background-color: #666; color:#fff; padding: 5px 20px 3px;}
.opening-hours td {border-bottom: 1px dotted #ccc; padding: 3px 20px;}



.small-text {font-size: .7em; line-height: 130%; padding-right: 30px;}





body.contact #intro-column table {margin: 0.2em 6em 1em 5.3em; border-collapse:collapse; }
body.contact #intro-column tbody {border: 1px solid #ccc; font-size:0.9em; color: #fff; margin: 0; border-collapse:collapse; display: block; width: 23em;background-color: #9c6c4a;}
body.contact #intro-column td {padding: 5px 10px;}
body.contact #intro-column caption {background-color:#6A3F20; border:1px solid #fff; color:#FFFFFF; font-weight:bold; margin-bottom:2px; padding:5px 10px; text-align:left;}
body.contact #intro-column th {padding: 5px 10px; text-align: left;}
body.contact #intro-column input, body.contact #intro-column textarea {border: none;}
body.contact #intro-column hr {border: 1px dotted #fff;}



body.friend #intro-column table {margin: 0.2em 6em 1em 5.3em; border-collapse:collapse; }
body.friend #intro-column tbody {border: 1px solid #ccc; font-size:0.9em; color: #fff; margin: 0; border-collapse:collapse; display: block; width: 23em;background-color: #8aae7c;}
body.friend #intro-column td {padding: 5px 10px;}
body.friend #intro-column caption {padding: 5px 10px; background-color: #5a7b4e; color: #fff; text-align: left; font-weight: bold; border:1px solid #fff; margin-bottom:2px;}
body.friend #intro-column th {padding: 5px 10px; text-align: left; }
body.friend #intro-column input, body.contact #intro-column textarea {border: none;}
body.friend #intro-column hr {border: 1px dotted #fff;}



body.location #intro-column table {margin: 0.2em 6em 1em 5.3em; border-collapse:collapse;}
body.location #intro-column tbody {border: 1px solid #ccc; font-size:0.8em; color: #fff; margin:0; border-collapse:collapse; display: block; width: 29em;background-color: #666;}
body.location #intro-column td {padding: 5px 10px; width: 50%;}
body.location #intro-column caption {padding: 5px 10px; background-color: #333; color: #fff; text-align: left; font-weight: bold; border:1px solid #fff; margin-bottom:2px; }
body.location #intro-column th {padding: 5px 10px; text-align: left; }
body.location #intro-column input, body.contact #intro-column textarea {border: none;}
body.location #intro-column hr {border: 1px dotted #fff;}





/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block; padding-bottom: 10px;
}
* html .clearfix {
    height:1px;
}
/**********************--------------------------END clearfix*/


/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#footer{
width: 70em;
height: 1.3em;
color: #FFF;
text-align: left;
clear: both;
background: url(../images/langtrys-footer.gif) no-repeat bottom center;
margin: 0 auto;
}

.credits {background: url(../images/accreditationLogos.gif) no-repeat top right;}
ul.credits {display: block; width: 65em; margin:0; padding:0px 0px 55px 0px; font-size: .8em; color: #999; margin: 0 auto; line-height: 150%;}
ul.credits li {list-style: none; display: inline;}
ul.credits li a {color: #999; text-decoration: none;}
ul.credits li a:hover {color: #999; text-decoration: underline;}

#btnsubmit.submitbutton{border: 1px solid #fff; background-color: #fff; color: #7A7A7A; float:right;}


/***************************************************************************************/
/*new Gallery Page*/
/***************************************************************************************/


#gallery {
	
	}
	#gallery ul { list-style: none; margin: 0 0 2em 5em; padding: 0; width: 589px;}
	#gallery ul li { float: left; display: block; margin: 5px; }
	#gallery ul img {
		border: 1px solid #fff;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #F2F2F2;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }




ul#flags  {
	
	list-style:none;

}

ul li#flags{
		
	display:inline;
	padding:10px;
	
}

ul li.emphasis {

	font-weight: bold;

}


#marketing-toolkit ul li ul li {display: inline; float: none; padding: 0; margin:0 ; height: 1em;}

#tariff .dots { clear:right; width:100%; float:right; background:url(../../../images/dotted.png) repeat-x left 11px; height:20px; }
	
	#tariff ul { list-style:none }
	
	#tariff li { width:350px; height:50px; display:block; clear:both; background:url(../../../images/bedico.gif) left 20px no-repeat; text-align:right }
	
	.left { float:left }
	.right {float:right }
	
	#tariff p { display:block; margin:0px; padding:0px 2px 0px 2px; height:20px; background:#740001; }
	
.widSSP widSSPnarrow {
    width: 350px; !important;
}

div#CDSWIDSSP .widSSPData {width: 350px; !important;}

div.widSSP.widSSPnarrow {width: 350px; !important;}

#tariff {
margin: 0px 0px 0px 77px;
}