/* 
---------------------------------------------------------------------------------------------------
LAKO Holidays - Generic Inside Page Stylesheet
--------------------------------------------------------------------------------------------------- 
*/

@import url("../css/common.css");
@import url("../css/booking.css");
@import url("../css/activities.css");

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#container {
	background: url(../gfx/in/mid.gif) repeat-y 0 0;
}
#primary {
	float: left;
	width: 505px;
}
#secondary {
	float: right;
	width: 255px;
	padding: 0 0 13px 0;
	background: url(../gfx/in/sidebar_plan.gif) no-repeat 0 100%;
}
#contentarea {
	padding: 0 0 30px 0;
	background: url(../gfx/in/foot.gif) no-repeat 0 100%;
}

/* Content Area Heading
--------------------------------------------------------------------------------------------------- */
#main {
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
	width: 786px;
	display: block;
	text-indent: -9999px;
	background: url(../gfx/in/top.gif) no-repeat 0 0;
}

/* ------------| Site Map |------------ */
body#site-map #primary {
	width: 752px;
}
body#site-map #secondary {
	display: none;
}

#content ul.sitemap,
#content ul.sitemap ul {
	margin: 0 0 15px 0;
	padding: 0;
}
#content ul.sitemap li {
	float: left;
	width: 33%;
	font-weight: bold;
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1.6em;
}
#content ul.sitemap li ul li {
	float: none;
	width: 100%;
	font-weight: normal;
	margin: 0 0 0 18px;
	list-style: disc;
}

body#about #main {
	background: url(../gfx/in/hd/about.gif) no-repeat 0 0;
}
body#accommodation #main {
	background: url(../gfx/in/hd/accommodation.gif) no-repeat 0 0;
}
body#activities #main {
	background: url(../gfx/in/hd/activities.gif) no-repeat 0 0;
}
body#whistler #main {
	background: url(../gfx/in/hd/whistler.gif) no-repeat 0 0;
}
body#heli-skiing #main {
	background: url(../gfx/in/hd/heli-skiing.gif) no-repeat 0 0;
}
body#packages #main {
	background: url(../gfx/in/hd/packages.gif) no-repeat 0 0;
}
body#contact #main {
	background: url(../gfx/in/hd/contact.gif) no-repeat 0 0;
}
body#privacy-terms #main {
	background: url(../gfx/in/hd/privacy.gif) no-repeat 0 0;
}
body#site-map #main {
	background: url(../gfx/in/hd/sitemap.gif) no-repeat 0 0;
}
body#booking #main {
	background: url(../gfx/in/hd/booking.gif) no-repeat 0 0;
}

/* Primary Content
--------------------------------------------------------------------------------------------------- */
#content {
	padding: 5px 0 0 35px;
	color:#404040;
}
#content a {
	color:#867448;
}
#content a:hover {
	color:#BCB49F;
}
#content .stayleft {
	float: left;
	width: 49%;
}
#content .stayright {
	float: right;
	width: 49%;
}
#content .clear {
	clear: both;
}

/* ------------| Headings |------------ */
#content h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
	font-family: Helvetica, Arial, Sans-Serif;
}
#content h2 {
	font-size: 18px;
	color:#533F0C;
	margin: 5px 0 4px 0;
	padding: 0 0 8px 0;
	font-weight: normal;
	background: url(../gfx/in/content-hd.gif) no-repeat 50% 100%;
}
#content h3 {
	font-size: 14px;
	color:#867448;
	border-bottom: 1px solid #C1B699;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 0 0 4px 0;
}
#content h4 {
	font-size: 14px;
	color:#404040;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 0 0 4px 0;
}
#content h4.underline {
	border-bottom: 1px solid #404040;
}
#content h5 {
	font-size: 12px;
	color:#404040;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
#content h6 {
	font-size: 12px;
	color:#666666;
	font-weight: bold;
	margin: 5px 0 5px 0;
}


/* ------------| Paragraphs |------------ */
#content p {
	line-height: 1.8em;
	margin: 0 0 15px 0;
}
#content p em {
	color:#666;
}
#content p.more {
	line-height: 37px;
	background:#F0ECE0;
	color:#E6DEC9;
	padding: 0 15px;
	margin: 0;
	background: url(../gfx/btn/more.gif) no-repeat 50% 50%;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #333 1px 0 1px;
	text-align: center;
	clear: both;
}
#content p.more a {
	color:#fff;
	text-decoration: none;
}
#content p.more a:hover {
	color:#E6DEC9;
}
#content .testimonial {
	background: url(../gfx/in/bq_tl.gif) no-repeat 0 0;
	padding: 3px 0 0 90px;
	font-style: italic;
	color:#666;
}
#content .testimonial p {
	line-height: 1.6em;
}
#content .testimonial p.client {
	line-height: 1.3em;
	text-align: right;
	margin-top: -10px;
	color:#533F0C;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #CBBFA3;
}
#content blockquote {
	margin: 10px 25px 0 25px;
	color: #867448;
	font-family: Georgia, Times, "Times New Roman", Serif;
}
#content blockquote p {
	line-height: 1.4em;
	font-size: 12px;
	font-style: italic;
}
#content blockquote p.goright {
	float: right;
	width: 200px;
	margin: 0;
	line-height: 1.6em;
	text-align: center;
}
#content p.cite {
	text-align: right;
	margin: -5px 25px 15px;
	color: #A4854E;;
	font-family: Georgia, Times, "Times New Roman", Serif;
}
/* ------------| Lists |------------ */
#content ul {
	margin: 0 0 13px 20px;
}
#content ul li {
	list-style: disc;
	line-height: 1.8em;
}

/* ------------| Images |------------ */
#content img {
	border: 3px solid #C1B699;
}
#content img.noborder {
	border: none;
}
#content img.right {
	float: right;
	margin: 5px 0 10px 10px;
}
#content img.left {
	float: left;
	margin: 5px 10px 10px 0;
}
#articleimage {
	background: url(../gfx/articleimage.gif) no-repeat 0 0;
	height: 220px;
	width: 470px;
}
#content #articleimage img {
	margin: 8px 0 0 9px;
	border: none;
}
#articleimage p {
	text-align: right;
	font-size: 10px;
	font-family: Helvetica, Arial, Sans-Serif;
	margin: 10px 30px 0 0;
	line-height: 1.2em;
	color: #A4854E;
}
#articleimage p em {
	color: #A4854E;
}

/* Secondary Content
--------------------------------------------------------------------------------------------------- */
#book_btn {
	margin:175px 0 0 0;
	width: 233px;
}
#book_btn a {
	display: block;
	width: 233px;
	height: 50px;
	line-height: 50px;
}
#book_btn a strong {
	display: none;
}

/* Subnavigation
--------------------------------------------------------------------------------------------------- */
#subnav {
	margin: 0;
	padding: 6px 0 0 0;
	background: url(../gfx/in/ul-subnav.gif) no-repeat 0 0;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
}
#subnav li {
	height: 31px;
	line-height: 31px;
	width: 233px;
}
#subnav li a {
	height: 31px;
	line-height: 31px;
	width: 233px;
	display: block;
	text-indent: 10px;
	text-decoration: none;
	color: #ffffff;
	background: url(../gfx/in/li-subnav.gif) no-repeat 0 50%;
}
#subnav li a:hover,
#subnav li.current a {
	color:#F7F1E1;
	background-position: -233px 0;
}

/* ------------| Tabular Data |------------ */
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	background: #666;
}
table caption {
	padding: 6px 0;
	background: url(../gfx/in/bg-caption.gif) 0 0;
	color: #dedede;
	font-weight: bold;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	text-shadow: #333 1px 0 1px;
}
tfoot {
	background: url(../gfx/in/bg-tfoot.gif) no-repeat 0 100%;
	color:#eee;
}
tfoot td {
	text-align:left;
	text-align: center;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-shadow: #333 1px 0 1px;
}
thead th,
tbody th {
	text-align:center;
	text-shadow: #333 1px 0 1px;

}
thead th {
	color:#eee;
	padding: 4px 0;
	border-top: 1px solid #666;
	border-bottom: 3px solid #666;
	background: url(../gfx/in/bg-caption.gif) 0 100%;
}
table thead th.property {
	width: 150px;

}
table thead th.roomstyle {
	width: 150px;
}
table tbody td {
	text-align: center;
	padding: 10px 8px;
	border-bottom: 1px solid #666;
	line-height: 1.4em;
}
table tbody td strong {
	color:#533F0C;
}
table tbody tr.flap {
	background:#F8F7F1;
}
table tbody tr.flip {
	background:#F8F7F1;
}
table tbody td.property {
	text-align: center;
	padding-left: 0;
	border-right:1px solid #666;
}
table tbody td.roomstyle {
	border-right:1px solid #666;
	background:#F0ECE0;
}
table tbody td.hottub {
	border-left:1px solid #666;
	background:#F0ECE0;
}
table tbody tr.description,
table tbody tr.location {
	background: #F0ECE0;
}

table tbody tr.description td,
table tbody tr.location td {
	font-size: 10px;
	font-style: italic;
	text-align: left;
	background:#F0ECE0;
}
table tbody tr.location td {
	background:#F8F7F1;
}
table tbody tr.description td {
	border-bottom: 3px solid #666;
	padding-bottom: 0;
}
#content table tr td p { 
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 1.4em;
}
#content table tr td img {
	margin: 0 0 15px;
}
/* -----| Packages Tables |----- */
body#packages table {
	background: #fff;
	margin: -5px 0 20px 0;
	width: 100%;
}
body#packages table td {
	text-align: left;
	width: 49%;
	border-bottom: 1px solid #C1B699;
}