/* Start of CMSMS style sheet 'Layout' */
/*-----------------------------------------------------------------------------
 Copyright: Copyright (C) Ardanaiseig. All rights reserved.
 Filename: layout.css
 Description: CSS Layout
 Version: 1.0
 Author: John Ellis
 Date Created: Oct 21st, 2009
 Last Updated: Oct 21st, 2009
 Last Updated By: John Ellis
-------------------------------------------------------------------------------
 Email: john [dot] ellis [at] 360innovate [dot] co [dot] uk

 Website: www.ardanaiseig.com
-------------------------------------------------------------------------------

 This file is not a template and may not be reproduced.

------------------------------------------------------------------------------*/


/* CSS Style reset by Eric Meyer */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

*|*:link {

color:#fff;

}

/*---- begin basic layout ----*/

body.bg {

	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	min-height:750px;
	min-width:994px;
	width:100%;
}

#wrapper {

	margin:0 auto;
	width:960px;
	padding-top:30px;
	
}

#booking-wrapper {

	margin:0 auto;
	width:1000px;
	padding-top:50px;
	
}

#navigation-wrap {

	cursor:pointer;
	margin:15px 15px 0px 0;
	padding:0;
	
}

#content-wrapper, #text-wrapper {

	float:left;
        margin-left:1px;
        margin-top:20px;
        overflow:hidden;
        padding:25px;
        position:relative;
        width:460px;

}

#content-wrapper .transparency {

	opacity:0.35;
	filter:alpha(opacity=35);  
	-moz-opacity:0.35;
	background-color:#000;
	z-index:-1;
	position:absolute;
	top:0px;  
	left:0px;
	width:100%;
	height:100%;
       -moz-border-radius-topright: 8px;
       -moz-border-radius-bottomright: 8px;
       -webkit-border-bottom-right-radius: 8px;
       -webkit-border-top-right-radius: 8px;

}

#text-wrapper .transparency {

	opacity:0.20;
	filter:alpha(opacity=20);  
	-moz-opacity:0.20;
	background-color:#000;
	z-index:-1;
	position:absolute;
	top:0px;  
	left:0px;
	width:100%;
	height:100%;
       -moz-border-radius-topright: 8px;
       -moz-border-radius-bottomright: 8px;
       -webkit-border-bottom-right-radius: 8px;
       -webkit-border-top-right-radius: 8px;

}

#copy {
	
	position:relative;
        height:140px;
        overflow:auto;
        width:102%;
        padding-right:10px;

}

#main-content-wrapper {

float:left;
margin-left:1px;
margin:0;
overflow:hidden;
padding-top:20px;
position:relative;
width:640px;
height:100%;

}

#booking-content-wrapper {

float:left;
margin-left:1px;
margin:0;
padding-top:60px;
position:relative;
width:720px;

}

#content {
	
	position:relative;
        height:190px;
        overflow:auto;
        width:102%;
        padding-right:10px;

}

#content-gallery {
	
	position:relative;
        padding-top:15px;
        height:100%;

}

#column-lhs {

	float:left;
	width:270px;

}

#parent-menu {

	width:123px;
	float:left;
	
}

#child-menu {

        width:128px;
	float:left;
        padding-left:4px;
}

#calls-to-action, #hotel-details {

	float:left;
}

#calls-to-action {
	
	padding:60px 0 45px 0;

}

#hotel-details {

	width:200px;
}

.adr {

	padding-bottom:20px;
}

.js-tab {
	
	float:left;
	margin-top:95px;

}

.js-tab img {

       cursor:pointer;
}

span.accessibility {

	position:absolute;
	top:-99999px;
}

.gallery {

width:100%;
padding:0;
margin:0;
height:520px;

}

.gallery img {

        display:inline;
        margin:0 auto;
        border:1px solid #444444;
}

.gallery .img {

float:left;
padding:1px 10px 4px 0;
text-align:center;
margin:0px!important;
width:150px;

}

.pagenavigation {

float:right;
height:45px;

}

.prevpage, .nextpage, .pagelinks {

   float:left;
   font-size:0.85em;
   padding-right:8px;

}

.prevpage a:hover, .nextpage a:hover, .pagelinks a:hover {
 
   text-decoration:underline;

}

.prevpage, .nextpage, .pagelinks em {

   color:#555;
   padding-right:5px;

}

.download img {

float:right;
clear:left;
padding-left:15px;

}


/*---- begin form layout and styling ----*/

textarea {

background:#1C191A none repeat scroll 0 0;
border:1px solid #4E4C4C;
color:#CCCCCC;
font-family:Helvetica,Arial,sans-serif;
padding:2px;
margin:5px 0;
width:400px;
height:100px;
overflow:hidden;
font-size:12px;

}

img.captchapict {

border:1px solid #4E4C4C;
margin-bottom:15px;

}

textarea#mc2128fbrp__23 {

width:220px;
height:75px;

}

input#mc2128fbrp__17, input#mc2128fbrp__18, input#mc2128fbrp__20, input#mc2128fbrp__21, input#mf085ffbrp__3, input#mf085ffbrp__2, input#mf085ffbrp__24, input#mf085ffbrp__25, input#mf085ffbrp__37 {

background:#1C191A none repeat scroll 0 0;
border:1px solid #4E4C4C;
color:#CCCCCC;
padding:3px;
margin:5px 0;
width:220px;

}

input#mf085ffbrp_captcha_phrase {

background:#1C191A none repeat scroll 0 0;
border:1px solid #4E4C4C;
color:#CCCCCC;
padding:3px;
margin:5px 0;
}

input#mc2128fbrp__19 {

background:#1C191A none repeat scroll 0 0;
border:1px solid #4E4C4C;
color:#CCCCCC;
padding:3px;
margin:5px 0;
width:70px;
width:150px;

}

input#mc2128fbrp_submit, input#mf085ffbrp_submit {

background:#1C191A none repeat scroll 0 0;
border:1px solid #4E4C4C;
color:#CCCCCC;
width:120px;
height:30px;
cursor:pointer;

}

html {
scrollbar-base-color: #111;
scrollbar-arrow-color: #555;
scrollbar-track-color: #333;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: #333;

scrollbar-highlight-color: #444;
scrollbar-3dlight-color: black;
}

table {

   width:100%;
   margin:1em auto;
   border:1px solid #ccc!important;
}

td {

border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
color:#666;
padding:0.3em 1em;
text-align:center;
background:#fff none repeat scroll 0 0!important;

}

tr.odd td {

  background:#efefef!important;

}

tr.odd .column1 {

  background:#efefef!important;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;

}

.column1 

  background:#fff;

}

thead th {

  background:#efefef;
  text-align:center;
  font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
  color:#66a3d3;

}

tfoot th {

background:#efefef;
text-align:center;

}

tfoot th strong {

  font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
  margin:.5em .5em .5em 0;
  color:#66a3d3;

}

tfoot th em {

  color:#f03b58;
  font-weight: bold;
  font-size: 1.1em;
  font-style: normal;

}

caption {

caption-side:top;
color:#9BA9B4;
font-size:0.94em;
letter-spacing:0.1em;
margin:1em 0 0;
padding:0;
text-align:center;

}

.column1 {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0!important;
padding-left:10px;
color:#555;
padding:8px;
border:1px solid #ccc !important;

}

th[scope=col] {

border-bottom:1px solid #ccc!important;
border-left:1px solid #ccc!important;
color:#678197;
font-weight:normal;
padding:0.3em 1em;
text-align:left;

}

thead th[scope=col] {

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#efefef none repeat scroll 0 0!important;
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.2em;
padding:10px;
text-align:center;
border-bottom:1px solid #ccc!important;
border-left:1px solid #ccc!important;

}

table caption {

padding:10px;
color:#efefef;
font-size:12px;
font-weight:bold;

}

table.downloads {

border:none!important;
background:transparent none repeat scroll 0 0!important;

}

table.downloads td, tr, th{

background:transparent none repeat scroll 0 0!important;
border:none!important;

}

/* End of 'Layout' */