/*  Base styles for WhistlerVacations  */

body{
	color:#083049;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0 auto;
	text-align:center;
	background:#e6e6e6 url(images/bg-body.gif) repeat-x left bottom;
	background-attachment:fixed;
}
*{
	margin:0;
	padding:0;
}
p,ul,ol,li,td,hr{
	line-height:1.4;
}
input,option{padding:0 2px;}
h1{
	font-size:1.4em;
	margin:0 0 20px 0;
	text-align:center;
	color:#3399cc;
	text-transform:uppercase;
}
h1.home{
	margin:0px 0px 5px;
}
h2{
	font-size:1.2em;
	margin:14px 0;
	text-align:left;
}
h2.home{
	margin-top:0px;
	color:#3399cc;
	text-align:center;
	font-size:1.1em;
}
h3{
	font-size:1.0em;
	margin:10px 0;
	text-align:left;
}
h4{
	font-size:1.0em;
	text-align:left;
}
h5{
	font-size:1.1em;
	margin:8px auto;
}
p,ul,ol{margin:0 0 15px;}
ul,ol,dl{
	padding-left:15px;
	margin-left:10px;	
}

#wrapper{
	width:950px;
	text-align:left;
	margin:auto;
	border:4px solid #0a3651;
	border-top-width:0;
	background:#FFF url(images/bg-wrapper.gif) repeat-y top right;
}
/*#banner{
	height:150px;
	color:#FFF;
	background:url(images/bnr/winter1.jpg) no-repeat;
	position:relative;
}
#banner a{
	display:block;
	position:absolute;
	top:112px;
	left:8px;
	width:391px;
	height:34px;
	text-decoration:none;
}
*/
.siteLogo{
	width:958px;
	text-align:left;
	margin:4px auto;
}
#wrapper{
	border-top-width:4px;
}
#banner{
	height:170px;
	color:#FFF;
	position:relative;
	overflow:hidden;
	background:#0a3651;
}
#banner .number{
	position:absolute;
	z-index:100;
	left:254px;
	top:0px;
	width:135px;
	height:31px;
	text-align:center;
	font-size:17px;
	line-height:31px;
	overflow:hidden;
	font-weight:bold;
	background:url(/css/images/bnr/bg-number.png);
	font-family:Arial, Helvetica, sans-serif;
}
#banner .bnrleft{
	float:left;
	width:250px;
}
#banner #deals{
	width:250px;
	height:136px;
	text-align:left;
	background:#FFF url(/css/images/deals-bg.gif) no-repeat bottom;
	font-size:.9em;
	padding:0;
	margin-top:4px;
}
#banner #deals a{display:block;height:136px;text-decoration:none;padding-left:15px;}
#banner #deals h2{
	background:url(/css/images/whistler-hot-deals.gif) no-repeat;
	text-indent:-9999px;
	height:37px;
	overflow:hidden;
	margin:0;
}
#banner #deals ul{
	color:#000;font-size:13px;font-style:italic;font-weight:bold;list-style:none;margin:0 7px 0 0;line-height:100%;padding:0;
}
#banner #deals ul li{
	margin:0 auto 0 0;padding:0;
}

#banner #bnrImg{
	position:absolute;
	left:254px;
	width:696px;
	height:170px;
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:visible;
}
#banner #bnrImg span{
	display:none;
}
#banner #bnrImg img{
    z-index:10;
    position:absolute;
    top:0;
    left:0;
    display:none;
}
#banner #bnrImg img.top{
    z-index:50;
    display:block;
}
#banner #bnrImg img.next{
    z-index:40;
    display:block;
}

/*  Global Navigation  */
#globalNav{
	background:#0a3651;
	border:4px solid #0a3651;
	border-width:4px 0;
	height:20px;
	overflow:hidden;
	list-style:none;
	font-size:11px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

#globalNav li{
	display:block;
	float:left;
	text-align:center;
	width:112px;
	margin-right:3px;
}
#globalNav li.last{margin-right:0;width:113px;}
#globalNav li.long{width:128px;}
#globalNav li a{
	display:block;
	padding:0 /* 6px 10px 12px 12px */;
	color:#FFF;
	background:#116798;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	width:100%;
}
#globalNav li a:hover{
	color:#116798;
	background:#e6e6e6;
}
#globalNav li a.on{text-decoration:underline;}

/*  Main Content  */
#mainContent{}

#content{
	float:left;
	width:680px;
	padding:15px 0 25px 20px;
	font-size:1.2em;
}

#right{
	font-size:1.2em;
	float:right;
	width:230px;
	margin-bottom:-4px;
}


.puff{
	margin:0 0 4px 4px;
	background:#116798;
}

.puff h3{
	font-size:1.1em;
	margin:0;
	background:#2194c9;
	color:#FFF;
	text-transform:uppercase;
	padding:0;
	height:20px;
	overflow:hidden;
	line-height:1.5;	
}
.puff h3 span{
	padding:0 8px;
	background:#2cb2ea;
	display:block;
	float:left;		
}
.puff#hotdeals h3{
	background:#673c50;
}
.puff#hotdeals h3 span{
	background:#a12020;
}
.puff .content{
	padding:10px;
	color:#FFF;
}
.puff .content a:link{color:#FFF;}
.puff .content a:visited{color:#e6e6e6;}

.puff ul{
	margin:0;
	padding:0;
	list-style:none;
}
.puff li{
	margin-bottom:7px;
}
#availSearch li{
	clear:both;
}
#availSearch label{
	display:block;
	font-weight:bold;	
}
h2.srchTitle{display:none;}
/*
#availSearch label.date{
	display:block;
	float:none;
}
#availSearch label{
	display:block;
	font-weight:bold;	
}
#availResults{
	margin-bottom:0px;
}
#availResults label{
	font-weight:bold;
	display:block;
	float:left;
	width:39%;
	margin:0;
}
#availSearch li,
#availResults li{
	clear:both;
}
#availSearch input,
#availSearch select{
	width:95px;
	margin-right:3px;
}
#availSearch select#strArrDay,
#availSearch select#strArrYear{width:auto;}
#availSearch #searchNow{
	width:auto;
	margin-top:5px;
	padding:0;
}
.puff #availResults li.total{
	margin:0 -10px;
	background-color:#CC0000;
	color:#FFF;
	padding:0 10px 7px;
}
.puff #availResults li.total#first{
	border-top:1px solid #FFF;
	padding-top:7px;
}
.puff #availResults li.total#last{
	padding:0px;
	height:1px;
	overflow:hidden;
}
#availResults li.requestBtn{
	margin:0 -10px 5px;
	border-top:1px solid #FFF;
	padding:10px 10px 0;
}
*/
.loadviewer{
	text-align:right;
	line-height:1.7;
}
.loadviewer a{
	color:#FFF;
	text-decoration:none;
	display:block;
	text-align:right;
	padding-right:7px;
	font-weight:bold;
}
.loadviewer a:hover{text-decoration:underline;}

#footer{
	clear:both;
	background:#0a3651;
	border:3px solid #0a3651;
	border-width:4px 0 0;
	height:12px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:4px 0 4px 10px;
}
#footer ul{	
	list-style:none;
	font-size:.9em;
	text-transform:uppercase;
	margin:0 auto;
	width:890px;
}

#footer ul li{
	display:block;
	float:left;
	text-align:center;
	padding:0 10px;
	border-left:1px solid #2cb3eb;
}
#footer ul li.last{margin-right:0;border-right:1px solid #2cb3eb;}
#footer ul li.long{width:128px;}
#footer ul li a{
	padding:0 /* 6px 10px 12px 12px */;
	color:#2cb3eb;
	font-weight:normal;
	text-decoration:none;
	line-height:12px;
}
#footer ul li a:hover{
	color:#FFF;
}



/*  Viewers  */
.viewer{
	width:376px;
	background-color:#063d5c;
	float:right;
	margin:0 0 10px 10px;
	/*height:320px;*/
	padding-top:8px;
	text-align:center;
	overflow:hidden;
}
.viewer #thumbs{
	white-space:nowrap;
	margin:5px 8px 8px;
	overflow:auto;
	height: 82px;
	width:360px;
}
#thumbsInner{
	white-space:nowrap;
}
.viewer #thumbs img{	
	margin-right:3px;
}

#thankViewer{
	text-align:center;
	margin-top:15px;
}
#thankViewer .viewer{
	float:none;
	margin:auto;
}

/*  New Viewer  */
/*  Viewers  */
.newviewer{
	width:376px;
	background-color:#063d5c;
	float:right;
	margin:0 0 10px 10px;
	height:auto;
	padding-top:8px;
	text-align:center;
	overflow:hidden;
}
.newviewer #thumbs{
	white-space:normal;
	margin:5px 8px 8px;
	overflow:visible;
	height: auto;
	width:360px;
	text-align:left;
}
.newviewer #thumbsInner{
	white-space:normal;
}
.newviewer #thumbs img{	
	margin-right:3px;
	width:85px;
}
#thumbs .helpText{
	font-size:.9em;
	color:#FFF;
}
#ViewerImageLarge{
	width:360px;
	height:240px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
}
#ViewerImageLarge #displayImage{
	width:360px;
	height:240px;
}

/*  Townhome Listing  */
#lodgingList{
	list-style:none;
	margin:20px 0;
	padding:0;
}
#lodgingList li.item{
	margin:10px 0 0;
	padding:10px;
	width:660px;
	overflow:auto;
	background:#e7f1f4 url(images/bg-lodge-list.gif) repeat-y 485px top;  /*  #d5dffb blue  #e6e6e6 grey  */
}
#lodgingList li p{
	margin:0;
}
#lodgingList .description{
	float:left;
	padding:0 10px 0 0;
	width:465px;
}
#lodgingList .bedconfig{
	float:left;
	width:115px;
	padding:0 0 0 10px;
}
#lodgingList .bedconfig ul{
	list-style:disc;
	list-style-position:outside;
	margin:0 10px 0 15px;
	padding:0;
}
#lodgingList .bedconfig li{
	line-height:1.3;
	padding:0;
}
#lodgingList img{
	margin:2px 0 0;
	border:none;
	border:1px solid #0a3651;
	float:right;	
}
#lodgingList li a.more{
	white-space:nowrap;
}

/*  Rates Table  */
#ratesTable{
	text-align:center;
	margin:20px 0;
}
#ratesTable h2{
	text-align:center;
	margin-bottom:5px;
}
.rates{
	margin:5px auto 0;
	width:80%;
	border-bottom:1px solid #0a3651;
}
.rates th{
	background-color:#0a3651;
	color:#FFF;
	padding:4px;
}
.rates .grey{
	background-color:#e6e6e6;
}
.rates td{
	padding:4px;
	vertical-align:middle;
}
.rates .left{
	text-align:left;
}
.rates .rate{
	white-space:nowrap;
}

/*  Availability  */
h2.availHead{
	margin:1px 30px 5px 0;
	float:left;
}
.avail{
	margin-bottom:20px;
	border-bottom:1px solid #e6e6e6;
	clear:left;
}
.avail .days td{
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	background-color:#0a3651;
}
.avail td{
	font-size:10px;
	padding:1px 1px 0 1px;
	text-align:center;
	width:16px;
}
.avail td.on{
	color:#ff7c7c;
	background-color:#FF0000;
}
.avail .rowHead{
	text-align:left;
	padding:1px 10px 0px 3px;
	white-space:nowrap;
	width:auto;
	font-size:12px;
}
.avail .grey{
	background-color:#e6e6e6;
}
.prevnext{
	float:left;
	font-size:12px;
	margin-bottom:5px;
}

.links ul{
	list-style:none;
}
.links li{
	margin-bottom:10px;
}
/* townhome page classes  */
#townhome h3,
.links h3{
	color:#3399cc;
	border-bottom:1px solid #3399cc;
	font-size:1.2em;
	text-transform:uppercase;
	margin:25px 0 10px;
	clear:both;
}
#townhome .viewer{
	margin-bottom:10px;
}
.flipKeyUnitWrapper{
    float:right;
    width:375px;
    text-align:center;
}
.flipKeyUnit{
	text-align:left;
	margin:0 auto;
	width:180px;
}
.unitSum{
	width:290px;
}
.unitSum td{
	padding:2px 3px;
	vertical-align:top;
	background-color:#e6e6e6;
	vertical-align:top;
}
.unitSum th{
	padding:2px 3px;
	background-color:#e6e6e6;
	font-weight:bold;
	vertical-align:text-bottom;;
}
.unitSum th.title{
	background-color:#0a3651;
	color:#FFF;
}
.thCall{
	text-align:center;
	width:290px;
	margin-bottom:15px;
}
.thCall img{
	border:none;
	margin-top:10px;
}
.thCall#bottom{
	width:auto;
	text-align:left;
}
.thCall#bottom img{
	vertical-align:text-bottom;
}


#amenities table{
	width:100%;
}
#amenities td{
	width:33%;
	padding:3px 5px 3px 20px;
	background:#e6e6e6 url(images/check.gif) no-repeat 5px 5px;
	vertical-align:top;
	line-height:1.2;
}

#unitAvailability{
	width:100%;
	border:none;
	height:75px;
	overflow:hidden;
}

/*  Contact Forms  */
.contact{
	width:86%;
	margin-left:5%;
}
.contact ul{
	margin:10px 0;
	text-align:left;
	list-style:none;
}
.contact ul li{
	clear:both;
	margin:5px 0 0;
}

.contact ul li label{
	width:40%;
	display:block;
	float:left;	
	font-weight:bold;
	text-align:right;
	margin-right:5px;
}
.contact textarea#strComments,
.contact textarea#strMoreComments{
	width:55%;
}
.contact ul li label.notRequired{font-weight:normal;}
.contact ul li select,
.contact ul li input{
	margin-right:3px;
}
.contact ul li select{width:55px;}
.contact ul li select#strArrMonth,
.contact ul li select#strArrDay,
.contact ul li select#strArrYear{width:auto;}
.noDisp{
	display:none;
	height:0px;
}

/*  Deals table  */
#dealsTable .box{width:32%;padding:0;font-size:12px;text-align:left;padding-bottom:15px;}
.box h3{color:#FFF;padding:3px 5px;font-size:12px;margin:0;text-align:center;font-weight:bold;}
.box p{margin:5px 0;padding:0 7px;}
.box#leftdeals{border:1px solid #FF0000;background:url(/css/images/deals-bg.gif) no-repeat bottom;padding:0 5px;}
.dpage#leftdeals{background:url(/css/images/deals-notext-bg.gif) no-repeat bottom;color:#000;}
.box#leftdeals a{display:block;text-decoration:none;color:#000;height:110px;}
.box#leftdeals h3{background:url(/css/images/whistler-hot-deals.gif) no-repeat;text-indent:-9999px;height:37px;overflow:hidden;padding:0;}
.box#leftdeals ul{font-style:italic;font-weight:bold;list-style:none;margin:0 0 0 10px;line-height:100%;padding:0;}
.box#centerdeals{border:1px solid #006699;}
.box#centerdeals h3{background-color:#006699;}
.box#rightdeals{border:1px solid #FF0000;}
.box#rightdeals h3{background-color:#FF0000;}

#hotdeals{text-align:center;}

.puff #deals{
	height:140px;
	text-align:left;
	background:#FFF url(/css/images/deals-bg.gif) no-repeat bottom;
	font-size:.9em;
	padding-left:15px;
}
.puff #deals a{display:block;height:140px;text-decoration:none;}
.puff #deals h2{
	background:url(/css/images/whistler-hot-deals.gif) no-repeat;
	text-indent:-9999px;
	height:37px;
	overflow:hidden;
	margin:0;
}
.puff #deals ul{
	color:#000;font-size:13px;font-style:italic;font-weight:bold;list-style:none;margin:0 7px 0 0;line-height:100%;margin-top:0;
}
.puff #deals ul li{
	margin:0 auto;
}

/*  Site Map  */
#sitemap ul{
	list-style:none;
}
#sitemap ul ul{
	list-style:circle;
	margin-top:5px;
}
#sitemap ul li{
	margin:0 0 15px;
	font-size:1.1em;
}
#sitemap ul ul li{
	margin:0 0 3px;
	font-size:0.9em;
}
#sitemap ul#leftMap{
	width:30%;
	float:left;
}
#sitemap ul#rightMap{
	width:30%;
	float:left;
}

/*  General classes  */
.note{
	font-size:10px;
}
.center{
	text-align:center;
}
.textRight{
	text-align:right;
}
.red,
.redText{
	color:#FF0000;
}
.phoneLrg{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#116798;
	font-size:16px;
	font-weight:bold;
}

.infopage h2{
	margin:20px 0 4px;
}

.infopage ul{
	margin:2px 0 15px;
	padding:0;
	list-style:none;
}
.infopage ul li{
	margin:0 0 2px;
}

.ccimages{margin:20px 0;text-align:center;}
.ccimages img{border:1px solid #006699;margin-right:30px;}

.infopage .email{margin-right:15px;}

.links h3{margin-bottom:15px;}
.links ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	overflow:auto;
}
.links ul li{
	clear:both;
	margin:0;
	padding-top:10px;
}
.links ul li label{
	float:left;
	display:block;
	width:25%;
}
.links p{
	margin:0 0 15px;
    line-height:1.5;
}
.links a{outline:none;font-weight:bold;}
.transportation .links a{font-weight:normal;}

/*  Family Page  */
.activHead{
	font-weight:bold;
	margin:15px 0 4px;
	clear:both;
}
.displayImg{width:330px;height:200px;float:right;margin-left:15px;border:1px solid #006699;}
#thumbrow{clear:both;width:100%;overflow:auto;margin-bottom:15px;}
#thumbrow img{float:left;margin:10px 8px 0 0;border:1px solid #006699;width:127px;height:85px}

#homeYoutube{	
	margin:0px 0px 20px;
	padding:15px 0 0  35px;
	border:1px solid #0a3651;
	clear:both;
}

/* Adventures */
div.homeExtra{
	clear:both;
	margin:20px 0 0;
}
#homeAdv,
.adventure{
	background: #e7f1f4;
	margin:0px 0px 20px;
	padding:15px;
}
h2.homeAdv,
h2.homeYoutube{
	background-color:#0a3651;
	color:#FFF;
	padding:4px 15px;
	margin:0px;
}
a.moreAdv,
a.moreTesti{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
	font-size:1.1em;
	float:right;
	margin-right:15px;
	margin-top:4px;
}
#homeAdv h3{
	margin-top:0px;
	font-size:1.2em;
}
#homeAdv .withImg,
.adventure .withImg{
	margin-left:185px;
}
.advImages{
	float:left;
	margin:0px;
	width:170px;
}
.advImages img{
	margin:0px;
	border:1px solid #0a3651;
}
.advImages .next{}
.adventures{
	padding:15px 0px;
}
.adventure{
	margin-bottom:15px;
}
.adventure h3{
	margin-top:0px;
	font-size:1.2em;
}

/*  Testimonials  */
h2.homeTesti{
	background-color:#a12020;
	color:#FFF;
	padding:4px 15px;
	margin:0px;
}
#homeTesti{	
	margin:0px 0px 20px;
	padding:15px 15px 5px;
	border:1px solid #a12020;
	clear:both;
	font-style:italic;
}
.testis{
	font-style:italic;
}
.testi{
	font-style:normal;
}


/* Special Link Styles  */
h1 .stLink,
#content h1 .stLink,
h2 .stLink,
#content h2 .stLink,
h1 .stlink,
#content h1 .stlink,
h2 .stlink,
#content h2 .stlink{
	color:#3399cc;
	text-decoration:none;
}
p .stLink,
p .stlink,
h5 .stLink,
h5 .stlink,
#content .stLink,
#content .stlink{
	color:#083049;
	text-decoration:none;
}
/*  Studio Styles  */
.studiomain {font-size: 100%; padding: 6px; text-align: center;}
div.studiomain { position:relative;}
.studiomain h1 {}
.studiomain h2 {text-align: center;color:#3399cc;}
.studiomain p {text-align: left;}
.studiomain img {border: #006699 solid 1px; padding: 3px;}
.studiomain img.logo {border: 0px; clear: none;}
.studiomain hr {
	color: #006699;
	background-color: #006699;
	height: 1px;
	border: 0;
	margin:15px 0;
	}
.imgRow{padding:5px 0 20px;text-align:center;}
#galleryfoot {
	font-size: 80%;
	border-top: 1px solid #B7B8D5;
	display: block;
	margin: 10px 0 10px 0;
	padding: 10px 0 0px 0;
	clear: both;
	text-align: center;
	}
	
.clearfix:after {
	content:".";
   	display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/* End hide from IE Mac */