﻿body
{
    font-family: Trebuchet MS, Arial, Sans-Serif;
    background-color:#c4e0f6;
    color:#6a6a6a;
    padding:0;
    margin:0;
    font-size:90%;
    background-image:url('../../images/bodyBG.jpg');
    background-repeat:repeat;
    background-position:top left;
}

img
{
    border:none;
}

a:link, a:visited
{
    color:#00aeef;
    text-decoration:none;
    font-weight:bolder;
    font-size:105%;
}

a:hover
{
    text-decoration:underline;
}

#container
{
    width:975px;
    margin-left:auto;
    margin-right:auto;
    margin-top:8px;
    padding-top:8px;
    background-color:#ffffff;
    background-image:url(../../images/ct.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#containerBottom
{
    background-image:url(../../images/cb.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    height:7px;
    zoom:1;
}

.logo
{
    float:left;
    width:217px;
    padding-left:10px;
}

.banner
{   
    width:717px;
    margin-left:20px;
}

.bannerMiddle
{    
}

#hotelsNav
{
    float:left;
    width:23%;
    border-right:1px solid #dc519d;
}

#hotelsNav ul
{
    padding:0 0 0 5px;
    margin:0 0 0 0px;
    list-style-position:inside;
}

#hotelsNav li
{
    line-height:0.7em;
    padding:0;
    margin:20px 0 20px 0;
}

#hotelsNav li a:link, #hotelsNav li a:visited
{
    color:#00aeef;
    text-decoration:none;
    font-weight:bolder;
    font-size:80%;
    margin-left:5px;
}

#hotelsNav li a:hover
{
    text-decoration:underline;
}

#hotelsNav ul.Nav
{
    padding-bottom:12px;
}

#hotelsNav ul.Nav li
{
    display:inline;
}

#hotelsNav ul.Nav li a:link, #hotelsNav ul.Nav li a:visited
{
    display:inline;
    margin:0;
    padding:0 0 0 17px;
    text-decoration:none;
    font-weight:bolder;
    color:#fcba63;
    font-size:100%;
}

#hotelsNav ul.Nav li a:hover
{
    text-decoration:underline;
}

#hotelsNav2
{
    float:left;
    width:23%;
}

#hotelsNav2 ul
{
    padding:0 0 0 5px;
    margin:0 0 0 0px;
    list-style-position:inside;
}

#hotelsNav2 li
{
    line-height:0.7em;
    padding:0;
    margin:20px 0 20px 0;
}

#hotelsNav2 li a:link, #hotelsNav2 li a:visited
{
    color:#00aeef;
    text-decoration:none;
    font-weight:bolder;
    font-size:80%;
    margin-left:5px;
}

#hotelsNav2 li a:hover
{
    text-decoration:underline;
}

#hotelsNav2 ul.Nav
{
    padding-bottom:12px;
}

#hotelsNav2 ul.Nav li
{
    display:inline;
}

#hotelsNav2 ul.Nav li a:link, #hotelsNav2 ul.Nav li a:visited
{
    display:inline;
    margin:0;
    padding:0 0 0 17px;
    text-decoration:none;
    font-weight:bolder;
    color:#fcba63;
    font-size:100%;
}

#hotelsNav2 ul.Nav li a:hover
{
    text-decoration:underline;
}

.one
{
    list-style-image:url(../../images/1.gif);
    margin:5px 0 0 0;
}

.two
{
    list-style-image:url(../../images/2.gif);
    margin:5px 0 0 0;
}

.three
{    
    list-style-image:url(../../images/3.gif);
    margin:5px 0 0 0;
}

.four
{
    list-style-image:url(../../images/4.gif);
    margin:5px 0 0 0;
}

#main
{
    float:left;
    width:76%;
}

#nav
{
    margin:0;
    padding:0 0 0.44em 0;
    zoom:1;
    height:22px;
}

#footernav ol
{
    list-style-position:inside;
    padding:0;
    margin:0;
    text-align:center;
}

#footernav li
{
    list-style-position:inside;
    margin:0 0 0 10px;
    padding:0;
    list-style:none;
    display:inline;
}

#footernav li a:link, #footernav li a:visited
{
    color:#00aeef;
    text-decoration:none;
    font-weight:bolder;
    font-size:105%;
}

#footernav li a:hover
{
    text-decoration:underline;
}

.clear
{
    clear:both;
}

#specialOffer
{
	text-align:center;
}

#specialOfferBox
{
	float:right;
	width:40%;
    font-size:90%;
    text-align:center;
}

#rates
{
    float:right;
    margin:0 auto;
    width:46%;
    font-size:90%;
    text-align:center;
}

#rates .rates table
{
    border:1px solid #00aeef;
    border-collapse:collapse;
    border-spacing:0;
}

#rates .rates tr, #rates .rates td, #rates .rates th
{
    border:1px solid #00aeef;
}

#rates h2.rates
{
    margin:0;
    padding:0;
    color:#fcba63;
    border-bottom:none;
}

#hotelsNav h2
{
    margin:0 0 -32px 0;
    padding:0 0 0 17px;
    color:#fcba63;
    position:relative;
    top:-29px;
}

#hotelsNav2 h2
{
    margin:0 0 -32px 0;
    padding:0 0 0 17px;
    color:#fcba63;
    position:relative;
    top:-29px;   
}

h2
{
    margin:0;
    padding:0;
    color:#fcba63;
}

h3
{
    margin:0;
    padding:0;
    color:#8cc63f;
}

#col1
{
    float:left;
    width:61%;
    padding:5px 5px 0 5px;
    font-size:0.85em;
}

#col1 p
{
    margin:8px 0;
}

#col2
{
    float:right;
    width:271px;
    border-left:1px solid #dc519d;
    border-bottom:1px solid #dc519d;
    zoom:1;
}

#col2 ul
{
    margin:0;
    padding:3px 0 0 3px;
    list-style:none;
}

#col2 li
{
    padding-bottom:10px;
}

#col2 input.Submit
{
    width:69px;
    height:18px;
}

li #so-text
{
    font-weight:bolder;
    float:left;
    width:102px;
    padding-left:3px;
    color:#fcba63;
}

li #so-img
{
    margin:0;
    float:left;
    width:74px;
}

li #so-text a:visited, li #so-text a:link
{
    font-weight:bolder;
    text-decoration:none;
    color: #00aeef;
    font-size:80%;
}

li #so-text a:hover
{
    text-decoration:underline;
}

#footer
{
    position:relative;
    text-align:center;
    border-top:1px solid #dc519d;
    width:71%;
    top:-90px;
    margin-bottom:-90px;
    clear:both;
    background-color:#ffffff;
    z-index:1000;
}

#footer ul
{
    margin:0;
    padding:0;
}

#footer li
{
    display:inline;
}

#footer h3
{
    margin:0;
    padding:0;
    color:#8cc63f;
    text-align:center;
}

#col2 select
{
    float:right;
    margin:0 3px 3px 0px;
}

#col2 input
{
    float:right;
    margin:0 3px 3px 0px;
    width:8.6em;
}

#col2 textarea
{
    float:right;
    margin:0 3px 3px 0px;
    width:12em;
}

#col2 label
{
    float:left;
	width:8.9em;
	padding-left:2px;
	font-weight:bolder;
	color:#00aeef;
}

#col2 label.formLabel
{
    float:left;
	width:5em;
	padding-left:2px;
	font-weight:bolder;
	color:#00aeef;
}


#col2 fieldset
{
    border:none;
    margin:0;
    padding:0;
}

.UpdateProgress
{
    text-align: center;
    background-color: White;
    color: #007C38;    
    border: solid 1px black;
    padding: 4px;
    width: 250px;
}

.ModalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.availabilityList 
{
   text-align: center;
}

.availabilityList td 
{ 
    padding: 0; 
}
.availabilityList td td { padding: 2px;}

.availabilityForAllocationCode
{
    padding: 0 8px;  
}
.availability
{
    background-color: Green;
    color: white;
}
.request
{
    background-color: Orange;
    color: white;
    font-style: italic;
}
.noavailability
{
    background-color: Red;
    color: White;
    text-decoration: line-through;
}

.image
{
    padding:0px;
    float:left;
    width: 53%;
    vertical-align:bottom;
}

.image img
{
    float: left;
    margin-right: 4px;
    border:1px solid #dc519d;
}

.image ul
{
    list-style:none;
}

.image .galleryList
{
    float: left;
    width: 150px;
    padding:0;
    margin:0;
}

.image .galleryList li
{
    float: left;
}

.image .galleryList li img
{
    margin: 1px;
}

#generatedContentwrapper
{
    border-left:1px solid #dc519d;
    padding-left:5px;
    margin-left:10px;
}

#contentwrapper
{
    padding-left:5px;
}

#topbar
{
     border-bottom:1px solid #dc519d;
     padding-bottom:30px;
}

.main h1{padding-bottom:0; margin-bottom:0;}

.main
{
    padding:0;
    margin:0;
}

.content p
{
    padding:0 8px 0 0;
}

.enquireButton
{
    vertical-align:middle;
}

.telephoneNumber
{
    font-weight:bolder;
    color:#dc519d;
}

#box1tl
{

	background-image:url('../../images/border-TL.jpg');
	background-repeat:no-repeat;
	background-position:top left;
}

#box1tr
{
	background-image:url('../../images/border-TR.jpg');
	background-repeat:no-repeat;
	background-position:top right;
}

#box1bl
{
	background-image:url('../../images/border-BL.jpg');
	background-repeat:no-repeat;
	background-position:bottom left;
}

#box1br
{
	background-image:url('../../images/border-BR.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:5px;
}

#baone
{
    float:left;
    width:20%;
    text-align:center;
    border-right:1px solid #dc519d;
    padding:10px 5px 0 0;
}

#baone ul
{
    margin:0;
    padding:0;
}

#baone li
{
    margin:10px 0;
    list-style:none;
}

#baone li span
{
    font-weight:bolder;
    font-size:70%;
    color:#000000;
}

#batwo
{
    float:left;
    width:79%;
}

#batwo h2
{
    font-size:1.5em;
}

#batwo div.inner img
{
    float:left;
    width:275px;
    margin-right:3px;
}

#batwo div.inner p
{
    padding:0;
    margin:0;
    font-size:78%;
}

#wt
{
    padding:5px 0 0 10px;
}

#wtp
{
    padding:5px 0 0 10px;
}

#cw
{
    padding:5px 0 0 10px;
}

#bainfo
{
    padding:5px 0 0 10px;
}

span.phoneNumber
{
    color:#e359a7;
    font-size:1.8em;
    font-weight:bolder;
}

.main div.address
{
    float:left;
	padding-top:5px;
	width:320px;
	
}

img.specialOfferHeader
{
	display:block;
	margin:0 auto;	
}

a.video
{
    font-size:100%;
}