/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 93px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:982px; }

#header { width:100%; height:187px; margin:0px; padding:0px; }

#logo {  width:238px; height:126px; margin:0px; padding:0px; }

#contact {width:287px; height:54px; position:absolute; top:62px; right:0px; text-align:right;}
#contact p { font-size:1.8em; color:#323233;}
#contact a {  color:#323233; text-decoration:none;}
#contact a:hover {  color:#323233; text-decoration:underline;}

#main {  width:100%; margin:0px 0px 0px 0px; }

#pageheader { padding:9px 0px 0px 0px; width:709px; height:201px; text-align:center; vertical-align:middle; margin:0px 0px 9px 0px;}
#pageheader ul {position:relative;  margin:0px; padding:0px;}
#pageheader li {position:absolute; top:0px; left:0px; list-style:none; margin:0px; padding:0px;}
#pageheader img {text-align:center; vertical-align:middle;}

#sidebar { position:relative; width:304px; min-height:216px; height:auto !important; height:216px; background:url(../images/sidebar_top.gif) no-repeat top left;  float:left;  margin:0px 0px 1px 0px; padding:0px 18px 0px 18px; }
#sidebar p {color:#FFF; font-size:1.1em; line-height:1.6em;}
#sedobar_bottom {width:340px; height:8px; background:url(../images/sidebar_bottom.gif) no-repeat; position:absolute; bottom:-8px; left:0px; }
#sidebar h3 {color:#FFF; font-weight:normal;}

#content_main  { width:709px;   margin:0px 0px 20px 0px; float:left; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:340px; min-height:224px; height:auto !important; height:224px; float:right; padding:0px; margin:0px;}

.left {display:block; float:left;}
.right { display:block; float:right;}


#sidebar_right_container {width:238px;  min-height:274px; height:auto !important; height:274px; float:right; }
#sidebar_right { background:url(../images/booking_top.gif) no-repeat left top; width:157px;  min-height:264px; height:auto !important; height:264px; margin:5px 0px 0px 0px; padding:0px; position:relative; padding:10px 71px 0px 11px;}
#sidebar_right_bottom { background:url(../images/sidebar_right_bottom.gif) no-repeat top left; width:239px; height:10px; displa:block; margin:0px 0px 30px 0px;  }
#sidebar_right form { position:relative; margin:10px 0px 0px 0px; padding:0px; position:relative;}
#sidebar_right p {margin:4px 0px 4px 0px; line-height:28px;}
#sidebar_right input {background:#072c33; color:#FFF; width:145px; font-size:1.1em; text-align:right; padding:5px 12px 5px 0px;}
#sidebar_right .eviivo_calendarbutton {cursor: pointer; position:absolute; top:68px;  right:43px; background-color: transparent; background-image: url(http://www.bookdirectrooms.com/app/RemoteSearchBox/eviivo_resources/calico.gif); background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; width: 20px; height: 23px;}
input#eviivo_startDate {margin:5px 0px 5px 0px;}
.eviivo_item_nights { margin:10px 20px 10px 0px;}
:root .eviivo_item_nights { margin:3px 47px 10px 0px;}
*+html .eviivo_item_nights { margin:3px 47px 10px 0px;}
*html .eviivo_button {margin:0px 0px 0px -80px; padding:0px;}
*+html .eviivo_button {margin:0px 0px 0px -80px; padding:0px;}
#eviivo_nights {margin:5px 0px 5px 0px;}
#eviivo_rooms {margin:5px 0px 5px 0px;}
#eviivo_row1 {margin:10px 0px 10px 0px;}
.eviivo_label {font-size:1,1em; color:#ffffff;}
#eviivo_adults1 {margin:0px 0px 0px 38px;}
#eviivo_adults2 {margin:0px 0px 0px 38px;}
#eviivo_adults3 {margin:0px 0px 0px 38px;}
#eviivo_adults4 {margin:0px 0px 0px 38px;}
#eviivo_adults5 {margin:0px 0px 0px 38px;}
#eviivo_adults6 {margin:0px 0px 0px 38px;}
#eviivo_adults7 {margin:0px 0px 0px 38px;}
#eviivo_adults8 {margin:0px 0px 0px 38px;}
#eviivo_adults9 {margin:0px 0px 0px 38px;}
#eviivo_row1 .eviivo_label {margin:0px 0px 5px 38px;}
.eviivo_item_kids {display:none;}


#sidebar_right select {background:#072c33; color:#FFF; width:69px; font-size:1.1em; text-align:center;  }

#footer {  position:relative; width:100%; background:#323233; height:93px; margin:-93px 0px 0px 0px; padding:0px; }
#footer_container {margin-top:0px; margin-left:auto; margin-right:auto; width:982px; }
#footer_nav { display:block; float:left; margin:23px 0px 0px 0px;}
#footer_nav a { text-decoration:none; margin:0px 0px 0px 0px; padding:0px 14px 0px 10px;  color:#ffffff; display:block; float:left;  font-weight:normal; font-size:1.3em;}
#footer_nav a:hover {  text-decoration:none;  color:#45C9DF; } 
#footer_nav a.active {  color:#45C9DF !important; } 
#footer_copy {  display:block; float:right; margin:23px 0px 0px 0px;}
#footer_copy a {font-size:0.8em; position:relative; padding:0px 65px 0px 0px;}
#footer_copy a img { position:absolute; top:-1px; right:0px;}
*html #footer_copy a img { position:absolute; top:-1px; right:87px;}
.clear { clear:both; }

/*------------------------------------ Textpage -----------------------------------------------------------*/

#textpage {width:667px; margin:29px 0px 20px 0px; padding:0px 24px 0px 17px; display:block; position:relative; min-height:230px; height:auto !important; height:230px;  background:url(../images/rep_pattern.jpg) #0F353E repeat-x top left;}
#textpage_top {width:708px; height:9px;  position:absolute; top:-9px; left:0px; background:url(../images/textpage_top.jpg) no-repeat top left;  }
#textpage_bottom {width:708px; height:9px; position:absolute; bottom:-9px; left:0px;   background:url(../images/textpage_bottom.jpg) no-repeat top left;}

.paging {display:block; float:right; margin:10px 0px 10px 0px;}


#contact_us input {width:250px;}
#contact_us textarea {width:250px; height:80px;}
#contact_us .error_feedback li {color:#ffffff;}

/*------------------------------------ gallery -----------------------------------------------------------*/


#gallery_top {width:667px; height:9px; display:block; padding:10px 24px 10px 17px; margin:20px 0px 4px 0px; background:url(../images/textpage_top.jpg) #0b252b no-repeat top left;  }
#gallery {width:667px; margin:0px 0px 20px 0px; padding:0px 24px 0px 17px; display:block; position:relative; min-height:210px; height:auto !important; height:210px; background:url(../images/rep_pattern.jpg) repeat-x top left;}

.gal {display:block; float:left; margin:18px 35px 0px 0px;}

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav a { text-decoration:none; margin:0px 0px 0px 0px; padding:0px 14px 0px 10px;  color:#ffffff; display:block; float:left; color:#323233; font-weight:normal; font-size:1.3em;}
#nav a:hover { text-decoration:none;  color:#1f6471; } 
#nav a.active {  color:#1f6471 !important; } 

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) #dee3e7  top left; font-family:Verdana, Geneva, sans-serif; font-size:0.6em; color:#FFF;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.4em; color:#ffffff; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#efefef; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#fefefe; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#cecece; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#dededd; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#cfcfcf; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li {   font-size:1.1em; color:#ffffff; list-style:disc; }
ol {}
ol li { font-size:1.1em; color:#ffffff; list-style:decimal;}


address {}

a { color:#efefef; text-decoration:underline; }
a:hover { color:#efefef; text-decoration:underline; }

p { font-size:1.1em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:22px;}