/* Kamloops
-----------------------------------------------
Author:   Frances Zhou
Version:  June 25, 2006
----------------------------------------------- */

/* structure: base
----------------------------------------------- */
* {
	padding:0px;
	margin: 0px;
}
#container {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	background-position: center;
	background-color: #fff;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}


/*
h1, h3
{
	position: absolute;
	left: -5000px;
	width: 4000px;	
}*/

h5{font-size:12px;}
.clear {
	clear: both;
	height: 10px;
}

th, td {font-size:12px;padding:3px;}
#sectionBody, #sectionBody p{font-size:12px;}
th{font-weight:bold;}
/* structure: header
----------------------------------------------- */
#header-top {
	height: 76px;
	background-repeat: no-repeat;
}

#container {
	position:relative;
}

#container #header-top #logo {
	width: 200px;
	float: left;
}

#container #flashcontentbanner {

    	height:270px;
    	padding:0 0 0 0;
    	margin: 0 0 0 0;
    	background-color:#000;
    	text-align:center;
}

#container #header-pic {
	/* background-image: url(images/internal-header.jpg); */
	height: 269px;
	margin:0;
	padding:0 0 0 0;
	text-align: center;
	background: #000;

}

#container #header-pic2 {
	background:#000 url(images/home-header.jpg) no-repeat 50% 50%;
	height: 371px;
	padding:0 0 0 0;	
	text-align: center;
}

/* structure: header-nav
----------------------------------------------- */
#header-nav {
	height: 25px!important;
	height: 22px;
	background-color: #F5821F;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
#container #header-nav ul {
	padding-left:16px;
	list-style-type: none;
}
#container #header-nav li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 6px;
}

#container #header-nav a {
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform:uppercase;
}
#header-nav li a:hover {
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e6deba;
	border-bottom-color: #e6deba;
}

/* structure: header-right
----------------------------------------------- */
#container #header-top #topright{
	
}

#container #header-top #topright ul.icons {position:absolute; top:14px; right:350px;}
#container #header-top #topright ul.icons li {border:none; display:inline;}

#container #header-top #topright ul {
	position:absolute; top:0; right:10px;
	list-style-type: none;
		
}


#container #header-top #topright li {
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container #header-top #topright a {
	text-decoration: none;
	color: #999999;
}
#container #header-top #date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:right;
	padding-right: 25px;
	color: #666666;
	float: right;
	width: 200px;
	margin-top: 25px;
}


/* structure: contents
----------------------------------------------- */
#container #contents p, #container #contents a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* structure: contents leftbar
----------------------------------------------- */
#container #contents #leftbar {
	font-family: Arial, Helvetica, sans-serif;
	width: 180px;
	background-color: #FFF4DC;
	border: medium solid #CDCAD1;
	margin-top: 15px;
	margin-left: 20px !important;
	margin-left: 10px;
	float: left;
	margin-bottom: 20px;
}
#container #contents #leftbar ul {
	list-style-type: none;
	padding: 10px;
	margin-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #656766;
}
#container #contents #leftbar li {
	font-size: 11px;
	line-height: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CDCDCD;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 5px;
	color: #666666;
}
#container #contents #leftbar a {
	text-decoration: none;
	color: #666666;
}
#container #contents #leftbar a:hover {
	text-decoration: underline;
	color: #666666;
}
#container #contents #leftbar #intro {
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	background-color:#358DBB;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FDB812;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#container #contents #leftbar #intro a {
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	background-color:#358DBB;
	text-decoration: none;
}
#container #contents #leftbar .submenu {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: disc;
}
#container #contents #leftbar .submenu .submenuli {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin: 0 0 0 14px;
	list-style-position: outside;
}

/* structure: contents maincontent
----------------------------------------------- */

#container #contents #maincontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	float:inherit!important;
	float:left;
	padding: 20px 20px 10px 230px;
	padding: 20px 20px 10px 20px!ie;
	line-height:140%;
	margin-bottom: 20px;
}
#container #contents #maincontent.contests {	padding: 20px 20px 10px 20px;}
#container #contents #maincontent.buidlingDetail {
	padding: 20px 20px 10px 20px;
}

div.buildingPhotos img {
	margin:0 5px;
}

#container #contents #maincontent h1 {
	color: #358DBB;
	font-size: 16px;
	margin:0;
}

#container #contents #maincontent h2 {
	color: #76B77D;
	font-size: 15px;
	margin:10px 0 ;
}

#container #contents #maincontent h3 {
	color: #56821F;
	font-size: 12px;
	margin:5px 0 ;
}

#container #contents #maincontent p {
	font-size: 12px;
	padding-top: 10px;
}
#container #contents #maincontent td p {
	font-size: 12px;
}
#container #contents #maincontent .picture {
	float: left;
	padding: 2px 30px 20px 0!important;
	padding: 2px 20px 20px 0;
}
#container #contents #maincontent .picture2 {
	float: right;
	padding: 12px 0 20px 30px !important;
	padding: 12px 0 20px 20px;
}

/* structure: footer
----------------------------------------------- */
#container #lowerbanner {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	margin-top: 10px;
}
#container #footer {
	background-color: #7DB858;
	height: 20px;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	color: #D3DEDB;
	margin-top: 10px;
}
#footer-butt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footer-butt a {
	text-decoration: none;
	color: #666666;
}

/* structure: home boxes
----------------------------------------------- */
#container #boxes .box {
	float: left;
	min-height: 153px;
	/*height: auto!important;*/
	height: 153px;
	width: 210px;
	margin-top: 10px;
	margin-left: 15px !important;
	margin-left: 11px;
	border: thick solid #cdcdcd;
}
#container #boxes .box #pic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}
#container #boxes .box #pic #text-r {
	padding: 3px 6px 3px 10px;
	margin-left: 110px;
}
#container #boxes .box #pic #text {
	padding: 3px 6px 3px 10px;
}
#container #boxes .box #pic #text-r a, #container #boxes .box #pic #text a {
	text-decoration: none;
	color: #999999;
}
#container #boxes .box #pic .border-r {
	border-right: 1px solid #999;
	margin-right: 5px;
}
#container #boxes .box #pic #text-r #more {
	width: 13px;
	color: #999999;
	background-color: #dddddd;
	border: 1px solid #666666;
	float: right;
	padding: 3px;
}
#container #boxes .box #title {
	border-bottom-width: medium;
	border-bottom-style: solid;
	height: 25px;
	background-color: #358DBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
}
#container #boxes .box #title a {
	text-decoration: none;
	color: #FFFFFF;
}
#container #boxes .box #pic {
	margin-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
#container #clear {
	clear: both;
}

/* structure: home contents
----------------------------------------------- */
#container #contents {
	width: 950px;
}
#container #contents #contents-left {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right: 1px dashed #999;
	color: #666;
	padding: 0px 15px 0px 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
}
#container #contents #contents-left p {
	padding: 5px 0;
}
#container #contents #contents-left .titleHeader {
	font-weight: bold;
	font-size: 12px;
	color: #358DBB;
}
#container #contents #contents-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 425px;
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
#container #contents #contents-right .news #news-text {
	list-style-position: inherit;
	list-style-image: url(images/arrow-1.jpg);
	float: right;
	width: 300px;
	padding-left: 15px;
	color: #348DB9;
}
#container #contents #contents-right .news #news-text li {
	list-style-position: outside;
	list-style-image: url(images/arrow-1.jpg);
}
#container #contents #contents-right .news #news-text ul {
	list-style-position: outside;
	list-style-image: url(images/arrow-1.jpg);
}
#container #contents #contents-right .news #news-date {
	width: 70px;
}
#container #contents #contents-right .news {
	margin-left: 20px;
}
#container #contents #contents-right .news #news-text a {
	text-decoration: none;
	color: #348DB9;
}

/* -- Alternating row colours (also redefined where required in various section styles -- */
tr.row1 { background-color: #F9F9F9; }
tr.row2 { background-color: #FFF; }

tr.rowg1 { background-color: #EBFEEB; }
tr.rowg2 { background-color: #FFF; }


td.contentBreak {padding:3px 15px;}

.subheader {
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
color: #222222;
font-weight: bold;
}

.imgborder {
border:1px #ccc solid;
padding:1px;
}
.lefttop {
margin:5px 10px 10px 0;
}

/* -- Pricing table formatting -- */
#PricingTable td {
text-align: left;
color: #333333;
font-size: 10px;
padding: 8px;
background-color: #FFF;
}

#PricingTable th {
text-align: left;
font-weight:bold;
color: #222222;
font-size: 10px;
padding: 8px;
background-color: #F9F9F9;
}
#PricingTable td.highlight { background-color:#FF0000;}
#PricingTable tr.highlight { background-color:#FF0000;}
table.solid {border:2px solid #ccc }
table.solid td {border:1px solid #eee }

#adsLogo {
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
#adsBody {
	margin-top: 7px;
	margin-left: 7px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-left-width:2PX;
	border-ledt-color:#ffffff;
}

#searchForm { position: absolute; top: 22px; right: 25px; width: 280px; background: #fff url(/images/search-bg.jpg) no-repeat top left; }
#frmSearch {  padding: 7px 0 8px 0;}
#frmSearch #q {width: 200px; margin: 0 5px; color: #000; font-weight: normal; padding: 1px;}


a.accommButton:link,
a.accommButton:visited {
	background:transparent url(images/button.jpg) no-repeat top left;
	float:right;
	width:69px;
	height:51px;
	display:block;
	padding:15px 65px 0 9px;
	margin:0 0 0 5px;
	vertical-align:middle;
	font-size: 12px !important;
	line-height:1.1;	
}

div.accommodationName {font-size:12px;}
strong.BName {font-size:14px; font-weight:bold; color:#368dbb;}
div.accommodationInformation {width:950px; margin:0 auto;}
div.accommodationColumn {width:616px; float:left; margin:10px 10px 0 0;}
div.buildingPhotos {width:310px; float:left; margin:5px 0 0 0;}
div.buildingPhotos img {width:138px; float:left; margin:0; padding:2px; border:1px solid #ccc;}
div.features {margin:10px 0 0 0;}

form.reservationRequest {width: 600px; }
form.reservationRequest fieldset {border-top: 1px solid #ccc; border-bottom: none; border-right:none; border-left: none; margin:10px 0 10px 0;}
form.reservationRequest fieldset legend {margin: 0 0 0 20px; padding: 0 10px; font-weight: bold; font-size: 13px;}
form.reservationRequest p strong {font-size: 10px; padding: 0 20px;}
form.reservationRequest p {font-size: 10px; padding: 0;}
form.reservationRequest input.btn {margin: 10px 0; float: right;}
form.reservationRequest fieldset div.fieldgroup {clear: both; display: block;  padding: 10px;}
form.reservationRequest fieldset div.fieldgroup.confirmation label {display:inline;}
form.reservationRequest fieldset div.fieldgroup.three div {float: left; padding: 0 10px; width: 140px;}
form.reservationRequest fieldset div.fieldgroup.long div {width: 440px;}
form.reservationRequest fieldset div.fieldgroup div {float: left; padding: 0 10px; width: 220px;}
form.reservationRequest fieldset div label {display: block;}
form.reservationRequest fieldset div input.txt {width: 200px;}
form.reservationRequest fieldset div input.long {width: 440px;}
form.reservationRequest fieldset div input.short {width: 50px;}
form.reservationRequest fieldset div input.tiny {width: 30px;}
form.reservationRequest fieldset div textarea {width: 440px; height: 75px;}

.bighomepagebox {width: 445px;margin-top: 10px;border: thick solid #cdcdcd;}
.bighomepagebox #title {border-bottom-width: medium;border-bottom-style: solid;height: 25px;background-color: #358DBB;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #FFFFFF;padding-top: 10px;}
.bighomepagebox #title a {text-decoration: none;color: #FFFFFF;}

.bighomepagebox #text-r {margin:0 5px; }
.bighomepagebox h5 {font-size:11px; }

table.sublinks {margin: 10px 0 0 0; width:700px;}
table.sublinks td {vertical-align:top; width:25%; margin:0; padding:0;}
table.sublinks a:link, table.sublinks a:visited {font-size:10px !important; color:#777; }





.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #f7b200;
	color: white;
}