/*-------------------------- RESET STYLESHEET ---------------------------*/
/*-------------------------- STARTS HERE --------------------------------*/
body, div, dl, dt, dd, /*ul, li,*/ ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
/*ol, ul
{
    list-style: none;
}*/
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}

em
{
    font-style: italic;
}

a
{
    outline: none;
}

strong
{
    font-weight: bold;
}
/*-------------------------- RESET STYLESHEET ---------------------------*/
/*-------------------------- ENDS HERE ----------------------------------*/


.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 1px;
}

.clearfix
{
    display: block;
}

.clr
{
    clear: both;
    height: 0px;
}

.readmore
{
    font-weight: bold;
}

.style1
{
    color: #662d91;
}

.style2
{
    color: #1b75bc;
}

.style3
{
    color: #3bb878;
}

.style4
{
    font-size: 22px;
    font-weight: bold;
    color: #00a79e;
}

.sub-ttl
{
    font-size: 12px;
    color: #1b75bc;
}

.style5
{
    font-size: 20px;
    font-weight: bold;
    color: #1b75bc;
}

.style5CountDown
{
    font-size: 19px;
    font-weight: bold;
    color: #1b75bc;
}
.alignleft
{
    float: left;
    margin: 0 5px 5px 0;
}

.alignright
{
    float: right;
    margin: 0 0 5px 5px;
}

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

h3
{
    margin: 0;
    font-weight: bold;
}

h4
{
    font-weight: bold;
    margin: 5px 0;
}

a
{
    text-decoration: none;
    color: #67686B;
}

a:hover
{
    text-decoration: underline;
}

p
{
    margin-bottom: 15px;
}

/*** main ***/

body
{
    background: #ccdbe9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #67686b;
}

#page-wrap
{
    width: 1024px;
    margin: 0 auto;
}

#header
{
    background: #1d3767 url(/App_Themes/Default/Images/bg-header.jpg) no-repeat;
    height: 108px;
    margin: 5px 0;
    position: relative;
}

#nav
{
    background: #1d3767 url(/App_Themes/Default/Images/bg-nav.jpg) no-repeat;
    height: 30px;
    margin-bottom: 5px;
}

#top
{
    height: 184px;
    margin-bottom: 5px;
}

#contentbody
{
    margin-bottom: 5px;
}

.slideshow
{
    background: url(/App_Themes/Default/Images/bg-slideshow.jpg) no-repeat;
    float: left;
    width: 687px;
    height: 184px;
}

.search
{
    background: #1d3767 url(/App_Themes/Default/Images/bg-search.jpg) no-repeat;
    float: right;
    width: 334px;
    height: 184px;
}

.section
{
    background: #ffffff;
    height: 36px;
    line-height: 38px;
    margin-bottom: 8px;
    padding-left: 15px;
}

#section-four
{
    margin-bottom: 10px;
}

/* Header Group */

#header .logo
{
    display: block;
    margin: 14px 0 0 24px;
    position: absolute;
}

#header .login
{
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 5px;
    text-align: right;
    width: 600px;
}

#header .login .image-button
{
    background: url(/App_Themes/Default/Images/bg-login.png) repeat;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 117px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
}
.image-button
{
    background: url(/App_Themes/Default/Images/bg-login.png) repeat;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 117px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
}
#header .login .image-button1
{
    background: url(/App_Themes/Default/Images/bg-login.png) repeat;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    width: 117px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
}
#header .login .image-button:hover
{
    text-decoration: none;
}
#header .login .image-button1:hover
{
    text-decoration: none;
}
#header .currency
{
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}

#header .currency a
{
    font-size: 16px;
    color: #2cb673;
    padding: 0 2px;
}

#header .currency a:hover, #header .currency a.active
{
    color: #ffffff;
}

/* Navigation Group */

#nav li
{
    display: inline;
    float: left;
    margin-top: 8px;
}

#nav li a
{
    border-right: 1px solid #fff;
    display: block;
    color: #fff;
    float: left;
    font-weight: bold;
    padding: 0 35px;
    text-decoration: none;
}

/* Slideshow Group */

/*.slideshow .caption {
	background-color: #25497c;
	opacity: .50;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	font-size: 24px;
	color: #ffffff;
	width: 360px;
	margin: 33px 0 0 5px;
	padding: 5px;
}*/
.caption img
{
    float: left;
    margin: 33px 0 0 5px;
}


/* Search Group */

.search-header
{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    margin: 10px 0 0 95px;
}

.search-form
{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    margin: 15px 36px 0 20px;
}

p
{
    margin: 0px 0px 10px 20px;
    position: relative;
}

label
{
    /*float: left;      margin-right: 15px;      width: 80px;*/
    text-align: left;
}

.label1
{
    float: left;
    margin-right: 15px;
    margin-top: 5px;
    width: 80px;
    text-align: left;
}

.textbox
{
    width: 178px;
}

#date
{
    width: 145px;
}

#date-search
{
    position: absolute;
    margin-left: 5px;
    float: right;
}

#search-button
{
    /*background: transparent url(/App_Themes/Default/Images/search-button.png) no-repeat;*/
    border: 0;
    color: #ffffff;
    font-weight: bold;
    width: 118px;
    height: 21px;
    padding-bottom: 4px;
    float: right;
    margin: 0px 35px 0px 0px;
}

.searchbutton1
{
    /*background: transparent url(/App_Themes/Default/Images/search-button.png) no-repeat;*/
    border: 0;
    color: #ffffff;
    font-weight: bold;
    width: 118px;
    height: 21px;
    padding-bottom: 4px; /*float: right;*/
    margin: 0px 0px 0px 0px;
}

/* Section Group */

.section span
{
    color: #1b75bc;
    font-size: 16px;
    font-weight: bold;
}

/* Section One Group */

#section-one h3
{
    /*background: url(/App_Themes/Default/Images/arrow.png) no-repeat scroll left center;*/
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 0 25px;
    margin: 0;
}

/* Contentbody Group */

#contentbody .box p, #contentbody .box-right p
{
    margin: 0;
}

#contentbody .box
{
    width: 341px;
    float: left;
    margin-right: 4px;
    margin-bottom: 5px;
    position: relative;
}

#contentbody .box-ttl
{
    position: absolute;
    top: 0;
}


#contentbody .box-right
{
    width: 334px;
    float: right;
    margin-right: 0;
    margin-bottom: 5px;
}

#box-1, #box-2, #box-3, #box-8
{
    height: 350px;
}

/*#box-4,*/ #box-7
{
    height: 90px;
}

#box-5 /*,#box-6 */
{
    height: 170px;
}

#box-4, #box-6, #box-8
{
    height: 300px;
}

.box3
{
    float: left;
}

#contentbody .box3 .box
{
    float: none;
}

#contentbody .left-col
{
    float: left;
    width: 550px;
}

#contentbody .left-col p
{
    margin-bottom: 10px;
}

#contentbody .left-col .box
{
    width: 550px;
    font-size: 10px;
    margin-bottom: 10px;
}

#contentbody .left-col .box .left
{
    width: 435px;
    float: left;
}

#contentbody .left-col .box .left h3
{
    font-size: 13px;
}

#contentbody .left-col .box .left p
{
    margin-bottom: 10px;
}

#contentbody .left-col .box .left p.links
{
    padding-top: 10px;
    margin-bottom: 0;
}

.links a
{
    color: #616264;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma;
    margin-right: 10px;
    text-transform: uppercase;
    text-decoration: underline;
}

#contentbody .left-col .box .right
{
    width: 70px;
    float: left;
    padding: 0 0 0 5px;
}

#contentbody .right-col
{
    float: right;
    width: 454px;
}

#contentbody .right-col .box
{
    width: 454px;
    float: left;
}

.section .links
{
    float: right;
    margin: 0;
}

.text-button
{
    text-align: right;
    margin-right: 25px;
}

.text-button a
{
    text-decoration: underline;
}

.price
{
    color: #1B75BC;
    text-align: center;
}

.price span
{
    font-size: 32px;
    font-weight: bold;
    display: block;
}

.availability
{
    margin: 10px 0;
}

.availability img
{
    margin-right: 15px;
}

.availability span
{
    margin-right: 10px;
}

.calendar-left, .calendar-right
{
    width: 157px;
    height: 172px;
    float: left;
    margin: 20px 20px 5px 0;
}

/* Search Form */

.search2
{
    background: url(/App_Themes/Default/Images/bg-search2.jpg) no-repeat;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    height: 230px;
    width: 454px;
    margin-bottom: 10px;
}

.search2 a
{
    color: #ffffff;
    font-weight: bold;
}

.search2 p
{
    margin-bottom: 2px;
}

.search2 label
{
    display: block;
    float: left;
    margin-left: 19px;
    width: 160px;
}

.search2 .textbox
{
    width: 250px;
    font-size: 13px;
}

.search2-header
{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0 5px 19px;
    margin: 0;
}

/* Image Preview */

.thumbnail
{
    overflow: hidden;
}

.thumbnail img
{
    height: 96px;
    width: 132px;
}

.thumbnail a.two
{
    margin: 0 11px;
}

/* Options */

.options
{
    margin: 10px 0;
}

.options a
{
    color: #1b75bc;
    float: left;
    display: block;
    width: 152px;
}

/* Rounded Styling */

.rounded
{
    background: #ffffff;
}
.rounded .inside
{
    padding: 5px 15px 10px 15px;
}

.rounded-half
{
    background: #ffffff;
}
.rounded-half .inside
{
    padding: 0px 15px 10px 15px;
}


/*  MAKE A BOOKING PROGRESS BAR  -- ADDED TO COMPONENTS.CSS TO MAKE IT WORK WITHIN IN THE BUSINESS REWARDS SECTION */

div.progressBar, div.progressBarShort, div.progressBar div.on, div.progressBarShort div.on, div.progressBar div.off, div.progressBarShort div.off
{
    /*background: url(progress_bar_bg.gif) repeat-x 0px 0px;*/
    display: block;
    float: left;
    height: 26px;
    margin: 0px;
    padding: 0px;
}
div.progressBar
{
    width: 780px;
}
div.progressBarShort
{
    width: 720px;
}
div#progressBarOn
{
    background: url( Images/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.on, div.progressBarShort div.on
{
    background: url( Images/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.off, div.progressBarShort div.off
{
    background: url( Images/progress_bar_bg.gif) repeat-x 0px 0px;
}
div.progressBar div.on p, div.progressBarShort div.on p, div.progressBar div.off p, div.progressBarShort div.off p
{
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 4px 15px 0px 10px; /*padding:3px15px0px10px;*/
}
div.progressBar div.off p, div.progressBarShort div.off p
{
    color: #DBE0E6;
}
div.progressBar div.sep, div.progressBarShort div.sep, div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore, div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter
{
    background: url(Images/progress_bar_mid_off.gif) no-repeat 0px 0px;
    display: block;
    float: left;
    height: 26px;
    margin: 0px;
    padding: 0px;
    width: 15px;
}
div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore
{
    background: url(Images/progress_bar_mid_next.gif) no-repeat 0px 0px;
}
div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter
{
    background: url(Images/progress_bar_mid_on.gif) no-repeat 0px 0px;
}



/* Dates Available Calender CSS */
.CalenderAvailability
{
    height: 180px;
    width: 240px;
    text-align: center;
}
.CalenderSelectedDayStyle
{
    background-color: #ccffcc;
    color: Black;
    vertical-align: Middle;
    text-align: center;
    height: 30px;
    font-size: 12px;
    font-family: Tahoma,Verdana,Arial;
}
.CalenderTodayDayStyle
{
    background-color: #999999;
    color: White;
    vertical-align: Middle;
    text-align: center;
    font-family: Tahoma,Verdana,Arial;
}
.CalenderOtherMonthDayStyle
{
    background-color: #ffffff;
    color: Gray;
    vertical-align: Middle;
    text-align: center;
    height: 40px;
    font-size: 12px;
    font-family: Tahoma,Verdana,Arial;
}
.CalenderDayStyle
{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-collapse: collapse;
    background-color: #BBBBBB;
    color: White;
    vertical-align: Middle;
    text-align: center;
    height: 40px;
    font-size: 12px;
    font-family: Tahoma,Verdana,Arial;
}
.CalenderNextPrevStyle
{
    font-weight: bold;
    font-size: 14px;
    background-color: #FFFFFF;
    color: White;
    height: 20px;
    vertical-align: Middle;
    text-align: center;
    font-family: Tahoma,Verdana,Arial;
}

.CalenderDayHeaderStyle
{
    font-weight: bold;
    font-size: 12px;
    color: Black;
    height: 18px;
    background-color: #DDEDF9;
    vertical-align: Middle;
    text-align: center;
    font-family: Tahoma,Verdana,Arial;
}

.CalenderTitleStyle
{
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    font-size: 14px;
    color: White;
    background-color: #2A6EBB;
    height: 20px;
    vertical-align: Middle;
    text-align: center;
    font-family: Tahoma,Verdana,Arial;
}
.colorLabel
{
    text-align: center;
    vertical-align: middle; /*border: solid 1px;*/
    font-weight: 900;
}
.MonthColorCss
{
    border: solid 1px gray; /*background-color: #F0F0F0;*/
}
.MonthWhiteCss
{
    border: solid 1px gray;
    background-color: #EDE4FF;
    font-weight: bold; /*#AA98FF;  */ /*#EDD2AE;*/
}
.MaxCalenderRate
{
    font-family: Times New Roman;
    font-size: 10px;
}
.MinCalenderRate
{
    font-family: Times New Roman;
    font-size: 11px;
}

.titleBookRoom
{
    color: #0263CC; /* #333333;*/
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin: 0px;
    text-align: justify;
}
.bookingRoomFormDivBox
{
    display: block;
    border: 1px solid #cccccc;
    background-color: Gray;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: -15px;
}
.bookingRoomAvailableText
{
    margin-top: 10px;
    color: green;
    font-size: 13px;
}
.bookingRoomNotAvailableText
{
    margin-top: 10px;
    color: red;
    font-size: 13px;
}
.ErrorMessage
{
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif !important;
    color: Red;
}
.borders
{
    border-collapse: collapse;
    border: solid 1px #1B8FDF;
}
.pad5
{
    padding: 5px 5px 5px 5px;
}
.padYourSearch
{
    padding: 0px 0px 1px 0px;
}

.pad10
{
    padding: 10px 10px 10px 10px;
}
.required
{
    color: Red;
}
/*----*/
.subHeaderMyRoomDetails
{
    font-family: Helvetica, "Arial" ,sans-serif;
    font-size: 16px;
    font-weight: bold; /*line-height: 24px;*/
    padding-right: 5px;
}

.featuredSubheaderMyRoomDetails
{
    /*border-bottom: 1px solid #0263CC !important; black !important;*/
    color: #1B75BC !important; /*black !important;*/
}
.pageHeader
{
    font-size: 20px;
    color: #1B8FDF;
}
td.ldTitle
{
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Helvetica, "Arial" ,sans-serif;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    padding: 3px 15px 2px;
    text-align: right !important;
    vertical-align: middle;
}

.ldText
{
    background-color: #F5F5F5;
    border: 0px solid #CCCCCC;
    font-family: Helvetica, "Arial" ,sans-serif;
    font-size: 12px;
    vertical-align: middle;
    border: 1px solid #CCCCCC;
}

.searchdatapager
{
    color: #1B8FDF;
    font-family: Arial;
    font-style: normal;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
}


.invisible
{
    display: none;
}
.ratingBox
{
    width: 21px;
    height: 21px;
    margin: 0px 2px;
    padding: 0px;
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
}
.ratingStar
{
    font-size: 0pt;
    width: 21px;
    height: 21px;
    margin: 0px 2px;
    padding: 0px;
    cursor: pointer;
    display: block;
    float: left;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(/App_Themes/Default/Images/star.jpg);
}
.emptyRatingStar
{
    background-image: url(/App_Themes/Default/Images/nostar.png);
}
/*- used in Booking request timer text box*/
.TimerLabel
{
    background-color: Transparent;
    border-style: none;
    border-color: #7F9DB9;
    list-style-type: none;
    font-size: 15px;
    cursor: pointer;
}

.NumericButtonCSS
{
    font-size: small;
    font-family: Arial;
    color: SaddleBrown;
    font-family: Arial;
    font-weight: normal;
}

.CurrentPageLabelCSS
{
    font-size: small;
    font-family: Arial;
    color: #1B8FDF;
    font-weight: normal;
}

.NextPreviousButtonCSS
{
    font-size: small;
    font-family: Arial;
    color: Green;
    font-weight: normal;
}

.rightAlignedContent
{
    vertical-align: top;
    width: 200px;
}
.rightAlignedContent tr td
{
    vertical-align: top;
    width: 150px;
}

.rightAlignedContentRadio tr td
{
    width: 198px;
}
.vam
{
    vertical-align: super;
}

.countdownTag
{
    font-size: 1.30em;
    margin-left: 20px;
    /*padding-left: 1px;*/
    height: 40px;
    padding-top: 9px;
    color: White;
}
.countdownText
{
    font-size: 1.30em;
    font-weight: bold;
    text-align: center;
    line-height: 110%;
    color: #ffffff;
    margin-top: 11px;
    padding-left: 5px;
}
.mod1Col .modTop
{
    height: 1px;
    overflow: hidden;
}
.mod1Col .modCopy, .modCopy1col
{
    width: 291px;
}
.modFooter
{
    height: 8px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 5px;
}
.modHeightLow
{
    height: 12.91em;
    overflow: hidden;
}
#noprint
{
    display: none;
}
div#tipDiv
{
    color: #000;
    font-size: 11px;
    line-height: 1.2;
    background-color: #CCDBE9;
    border: 1px solid #1B8FDF;
    padding: 4px;
}
.haligncenter
{
    text-align: center;
}

.linkButtonAdmin
{
    /*color: #0263CC !important;*/
    color: #00156e !important;
}

/* Style for Tooltip - Starts Here */
fieldset
{
    border: 0;
    padding: 0px;
    margin: 0px;
}
span.hint1
{
    font: normal 11px/14px verdana;
    background: #eee url(/Images/bg-span-hint-gray.gif) no-repeat top left;
    color: #444;
    border: 1px solid #888;
    padding: 5px 5px 5px 40px;
    width: 250px; /*height: 30px;*/
    min-height: 30px;
    position: absolute; /*margin: -12px 0 0 14px;*/
    left: 520px;
    margin-top: -20px;
    display: none;
    white-space: normal;
}
span.hint
{
    font: normal 11px/14px verdana;
    background: #eee url(/Images/bg-span-hint-gray.gif) no-repeat top left;
    color: #444;
    border: 1px solid #888;
    padding: 5px 5px 5px 40px;
    width: 250px; /*height: 30px;*/
    min-height: 30px;
    position: absolute;
    margin: -12px 0 0 14px;
    display: none;
    white-space: normal;
}
fieldset.welldone span.hint1
{
    background: #9fd680 url(/Images/bg-span-hint-welldone.jpg) no-repeat top left;
    border-color: #749e5c;
    color: #000;
}
fieldset.kindagood span.hint1
{
    background: #ffffcc url(/Images/bg-span-hint-kindagood.jpg) no-repeat top left;
    border-color: #cc9933;
}
fieldset.welldone
{
    background: transparent url(/Images/bg-fieldset-welldone.gif) no-repeat 194px 19px;
}
fieldset.kindagood
{
    background: transparent url(/Images/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
}
/* Style for Tooltip - Ends Here */

/* Admin Header Page*/
.HeaderText
{
    background: url('/App_Themes/Default/Images/bg-header.jpg');
    color: White;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

/* Your Search*/
.image-buttonYourSearch
{
    background: url(/App_Themes/Default/Images/bg-login.png) repeat;
    display: block;
    font-weight: bold;
    width: 117px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    float: right;
}

.image-buttonYourSearch:hover
{
    text-decoration:none;
}
.terms-conditionsButton
{
    /*color: #0263CC !important;*/
    color: blue !important;
}

/* Competition Styele */
.style41
{
    font-size: 20px;
    font-weight: bold;
    color: #00a79e;
}

/*Header Text Vouchers*/
.HeaderTextNoRounded
{
    background: url('/App_Themes/Default/Images/bg-header1.jpg');
    color: White;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

/* Index panel split*/
#newbox-1
{
    height:170px;
}
#newbox-2
{
    height:125px;
}
.marqueCSS
{
    width:325px;
    height:90px;
}