/*-----------------------------------------
    Body 
------------------------------------------*/
/* background-color: #cdcbc7; #e7e3e3; #fcfcfd; #d3d7d6; #b0c4de; #99a7cc #c4c4aa */
body {
	margin:0px;
	background: url(images/sidesbg.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
}

p {
	margin:10px 0;
	}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}

ul {
	margin:0;
	padding:0;
	}

li {
	list-style:none;
	background:url(images/dkblue-bullet.gif) no-repeat 0 .8em;
	padding:.2em 0 .2em 1em;
	margin-left:0.4em;	
}

li r {
	list-style:none;
	background:url(images/dkred-bullet.gif) no-repeat 0 .8em;
	padding:.2em 0 .2em 1em;
	margin-left:0.4em;
}

/*-----------------------------------------
    Page top
------------------------------------------*/

#bannerdiv 
{
	margin-left:auto;
	margin-right:auto;
	color:#404040;
	font-size:.85em;
	position:relative;
	width:999px;
	height: 98px;
	min-height: 98px;
	top: 0;  
}

#titlebar {
    /*background: #b0c1d0;
    background: #e3ded8; */    
    background: url(images/bb-banner-bg-png.png) no-repeat top left;
	color: #404040;
	width:997px;
	height: 98px;
	min-height: 98px;
	float: left;
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
}
	
#top-information-link {
	text-align:right;
    float: right;	
	border-bottom:1px solid #909090;
	border-right: solid 1px #909090;
	position:absolute;
	top: 15px;
	right:23%;
	height:20px;
	width:400px;
	padding: 2px 5px 0 0; 
}

/*
#top-information-phone {
	text-align:center;
	border-left: solid 1px #909090;
	position:absolute;
    float: right;
	background: #c0c0c0;    	
	top: 15px;
	right: 7%;
	height: 40px;
	width: 150px;
	padding:0 0 0 1%; 
}
*/

#bottom-information-home {
    float: right;
	text-align: right;
	position: absolute;
	top: 36px;
	right:23%; 
	height:20px;
	width:400px;
	font-size: 1em;
	padding: 3px 5px 0 0;
    border-right: solid 1px #909090; 
}

#heading{
	text-align: left;
	font-size:1.4em;
	font-weight:bold;
	}


#subheading{
	font-size:1.1em;
	font-weight:bold;
	}


/*-----------------------------------------
    Nav bar and tab control
------------------------------------------*/

.nav-container {
	margin-left:auto;
	margin-right:auto;
	width: 996px;
	height: 30px;
	top: 67px;
	left: 0px;
	position: relative;
	/*
    background: #a7a8bd;
	background: #c1c3d7;
    background: url(images/holidays-tabbg.jpg) repeat-x;
    */
	/*background: #9595bb;  */
    /*background: url(images/holidays-tabbg.jpg) repeat-x;*/	
	/*border: solid 1px #808080;  */
}

div.tabspacer {
    float:left;
	width: 385px;
    height: 30px;
    border-right: groove 2px #e2e2e2;
}

div.tabitems
{
    float: left;
    text-align: center;
    font-size: 1.2em;
    padding:.5em 1em 0 1em;
    border-right: groove 2px #e2e2e2;
    height: 24px;
}

div.tabitems a:link,
div.tabitems a:visited {
	color:#f2f2f2;
	text-decoration:none;
	font-weight: normal;
}

div.tabitems a:hover {
	color:#3232f1;
	text-decoration:underline;
}

div.tabitems a:active {
	color:#f2f2f2;
}

/*--------------------------*/
/* menu items for all pages */
/*--------------------------*/

#menu-container {
    width: 150px;
    height: 200px;
    padding: .5em 0 2.1em 1em;
}

div.itemspacer {
    padding: .3em 0 .3em 0;
}

div.mainpageitems {
    width: 120px;
    height: 20px;
    color: #808080;
    border-bottom: solid 1px #9595bb;
    background: url(images/arrow.gif) center left no-repeat;
    padding: .2em .5em .2em 1.5em;
}

div.mainpageitems a:link,
div.mainpageitems a:visited {
	color:#808080;
	text-decoration:none;
}

div.mainpageitems a:hover {
	color:#3232f1;
	text-decoration:underline;
}

div.mainpageitems a:active {
	color:#3232f1;
}

/*-----------------------------------------
    page bottom navigation panel
------------------------------------------*/
#page-footer {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 40px;
	position:relative;
	background: url(images/tab-bg.jpg);
	border: solid 1px #808080;	
}

#bottom-nav {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height: 20px;
	text-align:center;
	padding:.2em 0 .5em 0;
	position:relative;
	font-size: .8em;
	color:#0000c0;
}

div.bottomnav-container
{
	padding-left: 36em;
}

div.linkitems
{
    float: left;
    text-align: center;
    padding:0 1em 0 1em;
    height: 20px;
}

div.linkitems a:link,
div.linkitems a:visited {
	color:#0000c0;
	text-decoration:none;
	font-weight: normal;
}

div.linkitems a:hover {
	color:#0000c0;
	text-decoration:underline;
}

div.linkitems a:active {
	color:#0000c0;
}

/*-----------------------------------------
    page bottom copyright panel
------------------------------------------*/

#copyright {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 20px;
	text-align:center;
	position:relative;
	font-size: .8em;
	color:#404040;
}
	
/*-----------------------------------------
    main page container
------------------------------------------*/

#page-container {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 900px;
	min-height: 900px;
	background: url(images/page_bg.jpg); 
	/*background: #f2f2f2; */
    /*background: #fdeec5 url(images/pagebg_.jpg) top left repeat-x; */
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;	
	position:relative;
}
html>body #page-container{height:auto;}

#page-container-extended {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	height: 1000px;
	min-height: 1000px;
	background: url(images/page_bg.jpg);
	/*background: #f2f2f2; */
    /*background: #fdeec5 url(images/pagebg_.jpg) top left repeat-x; */
	border-left: solid 1px #808080;
	border-right: solid 1px #808080;
	position:relative;
}
html>body #page-container-extended{height:auto;}

/*-----------------------------------------
  left columns container for the home page
------------------------------------------*/

div.container-1col {
	margin-left:auto;
	margin-right:auto;    
	width: 300px;  
	background: url(images/page_bg.jpg);
	/*background: #cac0c1;*/
	/*background: #fdeec5 url(images/pagebg_.jpg) top left repeat-x;*/
	float: left;
	height: 900px;
	min-height: 900px;
	padding-left: 20px;
	color: #404040;
}
html>body #container-1col{height:auto;}

div.leftcol-topmargin {
    float: left;
	width: 250px;
	height: 40px;
}

div.leftcol-container {
	float: left;
	width: 290px;
	height: 220px;
	min-height: 220px;  
}
html>body #leftcol-container{height:auto;}

div.leftcol-infopanel
{
    float: left;
	width:300px;
	height: 200px;
}

/* home page gold panel */
div.home-box-top {
	float: left;
	width:295px;
	height: 14px;
	color: #808080;
	background: url(images/hol-box-top.gif) no-repeat bottom left;
}

div.home-box-bottom {
	float: left;
	width:295px;
	height: 40px;
	background: url(images/hol-box-bottom.gif) no-repeat top left;
}

div.home-box-body {
	float: left;
	width:290px;
    height: 100px;
    min-height: 100px;
	padding-left: 1em;
	background: url(images/hol-box-body.gif) repeat-y;
}
html>body #home-box-body{height:auto;}

div.home-box-content {
	float: left;
	width:280px;
    height: 100%;
    min-height: 100%;
}
html>body #home-box-content{height:auto;}

/* end of panel */

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

div.homepage-topcontainer {
	width: 650px;
	float: left;
	height: 500px;
	min-height: 500px; 
	/*
    setting the height seems to affect the accordian 
    component so I have used min-height...
    height: 700px;
    */
}
html>body #homepage-topcontainer{height:auto;}

div.homepage-topcontainer-leftmargin
{
    float: left;
	width:50px;
	height: 500px;
	/*border-left: solid 1px #c0c0c0;*/
}

div.homepage-pagetop {
    float: left;
	width: 600px;
	height: 40px;
}

div.rightcol-toptitle
{
    float: left;
	width:500px;
	height: 40px;
	background: url(images/swn-y-gwynt-bb.jpg) top left no-repeat;
}

div.homepage-intro
{
    float: left;
	width:500px;
	height: 100px;
	/*border-top: dotted 1px #808080;
	border-bottom: dotted 1px #808080;	*/
}

div.homepage-image
{
    float: left;
	width:350px;
	height: 263px;
	border: solid 3px #9595bb;
}

div.homepage-details
{
    float: left;
	width:200px;
	height: 260px;
	padding-left: 1.5em;
}

/*============================*/
/*============================*/
div.homepage-bottomcontainer {
	width: 640px;
	float: left;
	height: 200px;
	min-height: 200px;
}
html>body #homepage-bottomcontainer{height:auto;}

div.homepage-bottomcontainer-leftmargin
{
    float: left;
	width:50px;
	height: 300px;
	/*border-left: solid 1px #c0c0c0;*/
}

div.bottom-left-infopanel
{
    float: left;
	width:240px;
	height: 200px;
	min-height: 200px;
    border-left: solid 2px #9595bb;
    padding-left: 1em;
}
html>body #bottom-left-infopanel{height:auto;}

div.bottom-right-infopanel
{
    float: left;
	width:300px;
	height: 200px;
	min-height: 200px;
    border-left: solid 2px #9595bb;
    padding-left: 1em;
}
html>body #bottom-right-infopanel{height:auto;}

div.homepage-footer-panel
{
    float: left;
    width: 550px;
    height: 120px;
    min-height: 100px;
    background: #d5cdce;
    color: #404040;
    border: solid 1px #808080;
    padding: 1em 0 1em 1em;
}
html>body #homepage-footer-panel{height:auto;}

/*-----------------------------------------
  left columns for all the sub pages
------------------------------------------*/

div.subpage-container-1col-extended {
	margin-left:auto;
	margin-right:auto;
	width: 190px;
	/*background: #d5cdce;*/
	background: url(images/leftpnl_bg.jpg);
	/*background: #fdeec5 url(images/pagebg_.jpg) top left repeat-x;*/
	float: left;
	height: 1000px;
	min-height: 1000px;
	border-right: solid 1px #9595bb;
}
html>body #subpage-container-1col-extended{height:auto;}

div.subpage-container-1col {
	margin-left:auto;
	margin-right:auto;
	width: 190px;
	/*background: #d5cdce;*/
	background: url(images/leftpnl_bg.jpg);
	/*background: #fdeec5 url(images/pagebg_.jpg) top left repeat-x;*/
	float: left;
	height: 920px;
	min-height: 920px;
	border-right: solid 1px #9595bb;

}
html>body #subpage-container-1col{height:auto;}

div.subpage-leftcol-topmargin {
    float: left;
	width: 150px;
	height: 100px;
}

div.subpage-leftcol-container {
	float: left;
	width: 150px;
	height: 220px;

}

#infopnl-top {
    width: 150px;
    height: 9px;
}

#infopnl-body {
    width: 150px;
    height: 450px;
    padding-left: 1em;
}

#info-text {
    width: 150px;
}

#infopnl-bottom {
    width: 160px;
    height: 9px;
}

div.infopanel-titles {
    width: 145px;
    height: 20px;
    color: #9595bb;
    /*font-weight: bold; */
    border-bottom: solid 1px #9595bb;
}

/*-------------------------
  now do the right col...
---------------------------*/

div.rightcol-margin
{
    float: left;
	width:20px;
	height: 220px;
}

div.rightcol-container-extended {
	width: 800px;
	float: left;
	height: 900px;
	min-height: 900px;
}
html>body #rightcol-container-extended{height:auto;}

div.rightcol-container {
	width: 800px;
	float: left;
	height: 800px;
	min-height: 800px;
}
html>body #rightcol-container{height:auto;}

div.rightcol-pagetop {
    float: left;
	width: 500px;
	height: 30px; 
}

div.rightcol
{
    float: left;
	width: 780px;
	height: 820px;
}

div.rightcol-extended
{
    float: left;
	width: 780px;
	height: 1000px;
	min-height: 1000px;
}
html>body #rightcol-extended{height:auto;}

div.rightcol-pagetitle
{
    float: left;
	width:560px;
	height: 50px;
    font-size: 1.4em;
    font-weight: bold; 
    color: #9595bb;
    border-bottom: solid 1px #9595bb;
}

div.rightcol-pageleft
{
    float: left;
	width:560px;
	height: 800px;
	min-height: 800px;

}
html>body #rightcol-pageleft{height:auto;}

div.rightcol-pageleft-extended
{
    float: left;
	width:530px;
	height: 1000px;
	min-height: 1000px;
}
html>body #rightcol-pageleft-extended{height:auto;}

div.rightcol-pageright
{
    float: left;
	width:190px;
	height: 250px;
}

div.accomm-img-holder
{
    float: left;
	width:350px;
	height: 263px;
}

div.accomm-details
{
    float: left;
	width:180px;
	height: 200px;
	padding-left: 1.5em;

}

div.booking-info-panel
{
    float: left;
    width: 500px;
    height: 80px;
    background: #9595bb;
    color: #f2f2f2;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
}

div.confirmed-info-panel
{
    float: left;
    width: 500px;
    height: 80px;
    background: #9595bb url(images/check_.gif) no-repeat top left;
    color: #f2f2f2;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
}

div.un-confirmed-info-panel
{
    float: left;
    width: 500px;
    height: 80px;
    background: #9595bb url(images/cross_.gif) no-repeat top left;
    color: #f2f2f2;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
}

div.map-container
{
    float: left;
    width: 360px;
    height: 400px;
}

div.map-details
{
    float: left;
    width: 180px;
    height: 390px;
    /*border: solid 1px #9595bb;*/
    padding-top: 1em;
    padding-left: 1em;
}

#weather-container
{
    float: left;
    width: 520px;
    height: 450px;
    padding-left: 1em;
}

div.weather-panel
{
    float: left;
    width: 310px;
    height: 450px;
    /*
    background: #ffffff;
    color: #808080;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
    */
}

div.weather-info-panel
{
    float: left;
    width: 180px;
    height: 450px;
    padding-left: 1em;
    /*
    background: #ffffff;
    color: #808080;
    border: solid 1px #808080;
    padding: 1em 0 0 1em;
    */
}

div.news-images
{
    width: 556px;
    height: 220px;
    min-height: 220px;
    float: left;

}
html>body #news-images{height:auto;}

div.tabpage-image
{
    float: left;
	width:545px;
	height: 300px;
	border: solid 3px #9595bb;
}

div.tabpage-image-spacer
{
    width: 540px;
    height: 20px;
    min-height: 20px;
    float: left;

}
html>body #tabpage-image-spacer{height:auto;}

/*-------------------------------------------------------------------
         the information panel on the tab and sub pages...
-------------------------------------------------------------------*/

div.rightinfopnl-container
{
    float: left;
	width:100%;
	height: 600px;
	padding-left: 2.5em;
}

#rightinfopnl-top {
    width: 95%;
    height: 21px;
    background: url(images/pnltop.gif) bottom left no-repeat;
}

#rightinfopnl-body {
    width: 90%;
    height: 600px;
    padding-left: 1em;
    background: url(images/pnlbody.gif) repeat-y;
}

#rightinfo-text {
    width: 150px;
}

#rightinfopnl-bottom {
    width: 95%;
    height: 21px;
    background: url(images/pnlbottom.gif) top left no-repeat;
}
/*
===========================================
  used by the directions and dates pages
===========================================
*/

#date_component
{
    float: left;
	width:560px;
    height: 300px;
    min-height: 300px;
}
html>body #date_component{height:auto;}

#component
{
    float: left;
	width:520px;
    height: 420px;
    min-height: 420px;
    background: #f2f2f2;
}
html>body #component{height:auto;}

.virtualearth
{
    position:relative;
    width:520px;
    height:420px;
    border: solid 1px #808080;
    background: url(images/loading.gif) center center no-repeat;
}

/*------------------------------------------*/
/* map refs for accommodation               */
/*------------------------------------------*/

div.imglocator
{
    background: url(images/locations.jpg) no-repeat;
    height: 328px;
    width: 384px;
    border: solid 1px #404040;
}

/*-----------------------------------------
    container for dates component
    padding t r b l
------------------------------------------*/

.monthbox
{
  font-family: Arial;
  font-size: small;
  color: #666666;
  text-align: center;
  text-decoration: none;
  border: solid 1px #9595bb;
  padding-top: 4px;
  background-color: #d5cdce;
  height: 25px;
  width: 30px;
  float: left;
}

div.monthbox a:link,
div.monthbox a:visited {
	color:#0000c0;
	text-decoration:none;
	font-weight: normal;
}

div.monthbox a:hover {
	color:#f2f2f2;
	text-decoration:underline;
}

div.monthbox a:active {
	color:#f2f2f2;
	font-weight: bold;
    text-decoration:underline;
}

.monthitem
{
   color: #404040;
   text-decoration: none;
}

.dates
{
  font-family: Arial;
  font-size: small;
  color: #0000c0;
  text-align: center;
  height: 25px;
  width: 30px;
  border: solid 1px #9595bb;
  background: url(images/cal-bg.jpg) repeat-x;
}

.month
{
  font-family: Arial;
  font-size: small;
  color: #666666;
  border-bottom: solid 2px #999999;
}

#dates-container-top {
	width: 250px;
	position:relative;
	height: 35px;
}

#dates-container-bottom {
	width: 250px;
	position:relative;
    height: 35px;
}

.calendar_panel
{
    position: relative;
    left: 0px;
    top: 0px;
    float: right;
    width: 250px;
    /*height: 200px;*/
    background: #d5cdce;
    border: 1px solid #9595bb;
}

#dates-title {
	padding: .5em 0 1em 0;
	position:relative;

}

#button-select {
	padding: .5em 0 1em 0;
	position:relative;

}

#dates-key {
	padding: 1.5em 0 1em 0;
	position:relative;
	float: left;
}

.dates_panel
{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    width: 250px;
    height: 20px;
    display: none;
    background: #cac0c1;
    border: 1px solid #404040;
}

.Mt_dates_panel
{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    width: 250px;
    height: 20px;
    display: block;
    background: #cac0c1;
    border: 1px solid #404040;
}

.grid_panel
{

    width: 520px;
    height: 10px;
    display: none;
}

#mtgrid_panel
{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    width: 250px;
    height: 20px;
    display: block;
    background: #cac0c1;
    border: 1px solid #404040;
}

.daylist_panel
{
    position: relative;
    left: 0px;
    top: 5px;
    float: left;
    width: 250px;
    height: 20px;
    display: none;
}

/*------------------------------------------*/
/* login page                               */
/*------------------------------------------*/

#login-container
{
    border-top: groove 2px #f3f3f3;
    border-bottom: groove 2px #f3f3f3;
    padding: 1em 0 1em 1em;
    width: 100%;
    /*background: url(../../images/loginbg.jpg) top right no-repeat; */
}

#login-page
{
    padding-top: 3em;
    min-height: 400px;
    width: 100%;
}

#login-leftcol {
	float:left;
	width:5%;
}

#login-centercol {
	float:left;
	width:85%;
	padding: 1em 1em 1em 1em;
}

#login-rightcol {
	float:left;
	width:5%;
}

#error-page
{
    padding-top: 3em;
    min-height: 400px;
}

#errormsg
{
    border-top: groove 2px #f3f3f3;
    border-bottom: groove 2px #f3f3f3;
    padding: 1em 0 1em 1em;
    color: #dc143c;
}

#errhead
{
    padding-bottom: 1em;
    font-family: Times New Roman;
    font-size: 2.5em;
}

.login-panel
{
    background: #e3ded7;
    border: solid 1px #808080;
}

div.cal-controls
{
	float:left;
	width:140px;
}

div.customer-edits-container
{
	float:left;
	width:600px;
	height: 200px;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #808080;
	background: #e3ded7;
}

div.customer-edits
{
	float:left;
	width:500px;
	height: 30px;
}

div.customer-cal-container
{
	float:left;
	width:95%;
	height: 100px;
	padding-top: 2em;
	padding-bottom: 2em;
}

div.cal-container
{
	float:left;
	width:95%;
	height: 200px;
	padding-top: 2em;
}

div.cal-spacer
{
	float:left;
	width:20px;
}

div.cal-display {
	float:left;
	width:30%;
}

.login-linkbtn
{
    color: #3232f1;
}

/*------------------------------------------*
  POP UPS
--------------------------------------------*/

div.walks-popup
{
    position: absolute;
    width: 665px;
    height: 395px;
    display: none;
    border: 2px solid #eeb771;
    left: 200px;
    top: 200px;
}

div.walks-popup-head
{
    position: relative;
    left: 0;
    top: 0;
    padding: .2em .2em 0 1em; 
    background: #9595bb;
    color: #f2f2f2;
    width: 649px;
    height: 20px;
    font-size: 1.2em;
    border-bottom: solid 1px #eeb771;
}

div.popup-body
{
    position: relative;
    left: 0;
    top: 20;
    /*padding: .2em .2em 0 1em;*/
    background: #f2f1f0 url(images/popupbg.jpg) repeat-x;
    color: #404040;
    width: 646px;
    height: 345px;
    font-size: 1.2em;
    border-bottom: solid 1px #eeb771;
}

/*------------------------
  grid........
--------------------------*/
div.link-container
{
    border-top: solid 1px #9595bb;
    border-left: solid 1px #9595bb;
    border-right: solid 1px #9595bb;
    border-bottom: solid 1px #9595bb;    
    background: #fbfbe1;
    padding: 3px 10px 3px 10px;
    height: 20px;
    width: 530px;
    float: left;
}

div.link-container-bottom
{
    border-top: solid 1px #9595bb;
    border-left: solid 1px #9595bb;
    border-right: solid 1px #9595bb;
    border-bottom: solid 1px #9595bb;
    background: #fbfbe1;
    padding: 3px 10px 3px 10px;
    height: 20px;
    width: 500px;
    float: left;
}

div.popup-link
{
    float: left;
    width: 200px;
    height: 20px;
    border-right: 1px solid #808080;
}

div.walk-rated
{
    float: left;
    width: 130px;
    height: 20px;
    padding-left: 10px;
    border-right: 1px solid #808080;
}

div.walk-graded
{
    float: left;
    width: 130px;
    height: 20px;
    padding-left: 10px;
}

div.stars
{
    padding-left: 10px;
    align: center;
}

/*--------------------*/
div.close-popup
{
  text-align: center;
  background: #9595bb;
  height: 25px;
  width: 665px; 
}

div.comments-popup
{
    position: absolute;
    width: 400px;
    display: none;
    color: #404040;
    background: #f2f1f0 url(images/popupbg.jpg) repeat-x;
    border: 2px solid #eeb771;
    left: 300px;
    top: 100px;
}

div.comments-popup-head
{
    position: relative;
    left: 0;
    top: 0;
    padding: .2em .2em 0 1em;
    background: #9595bb;
    color: #f2f2f2;
    width: 384px;
    height: 20px;
    font-size: 1.2em;
    border-bottom: solid 1px #eeb771;
}
/*------------------------------------------*/
/* email edit boxes                         */
/*------------------------------------------*/

.emailedits
{
    background: #fefee8; 
    color: #808080;
    border: solid 1px #808080; 
    height: 16px;
    font-size: 1.2em; width: 150px;    
}

div.email-img
{
    width: 250px; 
    height: 40px; 
    float: left; 
    background: url(images/booking-details.gif) top left no-repeat;
}

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

div.update-infopanel
{
    float: left;
	width:500px;
	height: 100px;
	min-height: 100px;
    padding-left: .5em;

}
html>body #shortbreaks-infopanel{height:auto;}

/*-----------------------------------------
   container for booking classes
------------------------------------------*/

div.room-selector {
	float: left;
	width:240px;
	height: 240px;
	min-height: 240px;
	border: solid 2px #cccccc;
	background: #f2f2f2;
	padding-top: 1em;
	padding-left: 1em;
}
html>body #room-selector{height:auto;}

div.rooms {
	float: left;
	width:130px;
	height: 20px;
	min-height: 20px;

}
html>body #rooms{height:auto;}

div.room-links {
	float: left;
	width:230px;
	height: 20px;
	min-height: 20px;
}
html>body #room-links{height:auto;}

div.date-selector {
	float: left;
	width:400px;
	height: 100%;
	min-height: 100%;

}
html>body #date-selector{height:auto;}

.month_id_panel
{
    float: left;
    width: 70px;
    height: 20px;
    float: left;
    color: #808080;
    background: #d5cdce;
    border-left: 1px solid #9595bb;
    border-top: 1px solid #9595bb;
    padding-top: .4em;
    padding-left: 1em;
}

.month_links_panel
{
    float: left;
    width: 298px;
    height: 20px;
    float: left;
    color: #808080;
    background: #d5cdce;
    border-right: 1px solid #9595bb;
    border-top: 1px solid #9595bb;
    padding-top: .4em;
    padding-left: 1em;
}

.big_calendar_container
{
    float: left;
	width:100%;
    height: 270px;
    min-height: 270px;
}
html>body #big_calendar_container{height:auto;}

.big_calendar_panel
{
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    /*height: 200px;*/
    width: 390px;
    background: #d5cdce;
    border: 1px solid #9595bb;
}

.big_dates
{
  font-family: Arial;
  font-size: small;
  color: #0000c0;
  text-align: center;
  height: 45px;
  width: 50px;
  Background: url(images/cal-bg.jpg) repeat-x;
  border: solid 1px #9595bb;
}
.open
{
  float: left;
  font-family: Arial;
  font-size: .9em;
  color: #808080;
  text-align: center;
  height: 45px;
  width: 50px;
  Background: url(images/cal-bg.jpg) repeat-x;
  border: solid 1px #9595bb;
}

.closed
{
  float: left;
  font-family: Arial;
  font-size: .9em;
  color: #808080;
  text-align: center;
  height: 45px;
  width: 50px;
  Background: url(images/selected-bg.jpg) repeat-x;
  border: solid 1px #9595bb;
}

div.room-details {
	float: left;
	width:180px;
	height: 100px;
	min-height: 100px;
	border: solid 2px #cccccc;
	background: #f2f2f2;
	padding-top: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
}
html>body #room-details{height:auto;}

div.details-spacer {
	float: left;
	width:20px;
	height: 100px;
	min-height: 100px;
}
html>body #details-spacer{height:auto;}

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

div.cart-pagetitle
{
    float: left;
	width:260px;
	height: 40px; 
}

div.cart-image
{
    float: left;
	width:60px;
	height: 40px;
	/*top: 30px;
	left: 480px;
	position: absolute; */
}

div.cart-message
{
    width: 400px; 
    height: 40px; 
    min-height: 40px;
    float: left; 
    color: #0000c0; 
    font-size: 1.2em;
}
html>body #cart-message{height:auto;}

div.continue-btn
{
    width: 370px; 
    height: 30px; 
    min-height: 30px;
    float: left;

}
html>body #continue-btn{height:auto;}

div.checkout-btn
{
    width: 180px;
    height: 30px;
    min-height: 30px;
    float: left;

}
html>body #checkout-btn{height:auto;}

div.cart-container
{
    float: left; 
    height: 180px; 
    min-height: 180px; 
    width: 560px;
}
html>body #cart-container{height:auto;}

div.cart-grid
{
    width: 550px; 
    height: 70px; 
    min-height: 70px;
    float: left;    
}
html>body #cart-grid{height:auto;}

div.cart-form-container
{
    width: 550px;
    height: 150px;
    float: left;
    color: #0000c0;
}

div.cart-personal
{
    width: 550px; 
    height: 150px;
    float: left; 
    color: #0000c0; 
    border-top: solid 2px #9595bb;
    border-bottom: solid 2px #9595bb; 

}

div.cart-popup
{
    position: absolute;
    width: 330px;
    display: none;
    /*background: #f2f1f0 url(images/popupbg.jpg) repeat-x; */
    background: #f2f2f2;
    border: 2px solid #808080;
    left: 300px;
    top: 400px;
}

div.cart-popup-head
{
    position: relative;
    left: 0;
    top: 0;
    padding: .2em .2em 0 1em;
    background: #ede5c9;
    color: #404040;
    width: 314px;
    height: 20px;
    font-size: 1.2em;
    border-bottom: solid 1px #808080;
}

div.cart-popup-content
{
    position: relative;
    left: 0;
    top: 0;
    padding: .2em .2em 0 1em;
    width: 100%;
    height: 210px;
    font-size: .9em;
}

/*------------------------------------------
  add review page
-------------------------------------------*/

#reviewpage-top-spacer {
	width:997px;
	height: 30px;
	min-height: 30px;
}
html>body #reviewpage-top-spacer{height:auto;}

div.reviewpage-container-3col {
    float: left;
	width:997px;
	height: 100%;
	min-height: 100%;
}
html>body #reviewpage-container-3col{height:auto;}

div.review-left-col {
	float: left;
	width:150px;
	height: 100%;
	min-height: 100%;
}
html>body #review-left-col{height:auto;}

div.review-center-col {
	float: left;
	width:700px;
	height: 100%;
	min-height: 100%;
}
html>body #review-center-col{height:auto;}

div.review-right-col {
	float: left;
	width:100px;
	height: 100%;
	min-height: 100%;
}
html>body #review-right-col{height:auto;}

div.radio-buttons-panel
{
    float: left;
    width: 700px;
    height: 140px;
    color: #f2f2f2;
    border: solid 1px #9595bb;
}

div.recommend-panel
{
    float: left;
    width: 700px;
    height: 80px;
    color: #f2f2f2;
    border: solid 1px #9595bb;
}

div.comment-panel
{
    float: left;
    width: 700px;
    height: 50px;
    color: #f2f2f2;
    border: solid 1px #9595bb; 
}

div.button-panel
{
    float: left;
    width: 700px;
    height: 50px;
    color: #f2f2f2;
    text-align: center;
}

div.message-panel
{
    float: left;
    width: 700px;
    height: 50px;
    color: #f2f2f2;
    text-align: center;
    border: solid 1px #9595bb;     
}

/*------------------------------------------
  show review page
-------------------------------------------*/

div.review-panel
{
    float: left;
    width: 560px;
    height: 200px;
    min-height: 200px;
    border: solid 1px #9595bb;   
}

div.margin-panel
{
    float: left;
    width: 20px;
    height: 200px;
}

div.chart-panel
{
    float: left;
    width: 340px;
    height: 140px;
    min-height: 140px;  
}

div.description-panel
{
    float: left;
    width: 200px;
    height: 20px; 
}

div.star-panel
{
    float: left;
    width: 130px;
    height: 20px;
    color: #f2f2f2;
}

div.bar-panel
{
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #f2f2f2;
}

div.bar-1-panel
{
    float: left;
    width: 20px;
    height: 10px;
    background: #eeb771;
    border: solid 1px #9595bb;
}

div.bar-2-panel
{
    float: left;
    width: 40px;
    height: 10px;
    background: #eeb771;
    border: solid 1px #9595bb;
}

div.bar-3-panel
{
    float: left;
    width: 60px;
    height: 10px;
    background: #eeb771;
    border: solid 1px #9595bb;
}

div.bar-4-panel
{
    float: left;
    width: 80px;
    height: 10px;
    background: url(images/bar-bg.jpg) no-repeat top left;
    border: solid 1px #9595bb;
}

div.bar-5-panel
{
    float: left;
    width: 100px;
    height: 10px;
    background: url(images/bar-bg.jpg) no-repeat top left;
    border: solid 1px #9595bb;
}

div.bar-6-panel
{
    float: left;
    width: 120px;
    height: 10px;
    background: url(images/bar-bg.jpg) no-repeat top left;
    border: solid 1px #9595bb;
}

div.customer-panel
{
    float: left;
    width: 200px;
    height: 140px;
    min-height: 140px; 
}

div.review-comment-panel
{
    float: left;
    width: 530px;
    height: 40px;
    min-height: 40px;
    color: #f2f2f2; 
}

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

.clear:after{
    content: ".";
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;

}

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