@import url(reset.css);
@import url(default.css);
@import url(menu.css);


html { /*background: #fff url(../images/bg.jpg);*/ }

body { }

#menu_navBar_bg { background-image: url(../images_blue/body.png); background-repeat: repeat-x;}


#container { width: 950px; margin: 0 auto; position: relative;}

#header { position: relative; }
#header h1 { background: #fff url(../images/logo1.png) no-repeat; width: 288px; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 120px; }

#main1 { margin: 0; }

#colLeft { float: left; width: 214px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0 16px 10px 8px; }

#bcrumb {
	background:url(../images/bcrumb_bg.gif) repeat-x;
	height:20px;
	color:#fff;
	font-size:1em;
	padding:7px 10px 0 10px;
	margin-left:216px;
}

#bcrumb a {color:#fff;text-transform:uppercase;}
.root #bcrumb { display:none; }

#content { float: right; width: 730px; /*margin: 0 150px 0 216px; min-height: 200px;*/ }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }

body.root #content .padding {
	padding: 12px 0;
}

h2.title { margin: 0 0 10px; }

#footer { 
	height: 225px;
	padding: 2px 15px 15px 15px;
	margin: 10px auto;
	text-align: center;
	background: #a6b2bf;
}

#footer1 a:link, #footer1 a:visited { color: white; }

#ds_left { background: url(../images_blue/ds_left.png) top left no-repeat;  width: 19px; height: 62px; position: absolute; top: 153px; left: -10px; }
#ds_right { background-image: url(../images_blue/ds_right.png); background-repeat: no-repeat; width: 17px; height: 62px; position: absolute; top: 153px; right: -12px; }

.shadow {
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5); }



/*Social Icons with Rollovers*/
#facebook
{
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/social/facebook_roll1.gif") no-repeat 0 0;
}

#facebook:hover
{ 
  background-position: 0 -25px;
}

#facebook span
{
  display: none;
}

#youtube
{
  display: block;
  width: 70px;
  height: 25px;
  background: url("../images/social/youtube_roll1.gif") no-repeat 0 0;
}

#youtube:hover
{ 
  background-position: 0 -25px;
}

#youtube span
{
  display: none;
}

#twitter
{
  display: block;
  width: 22px;
  height: 25px;
  background: url("../images/social/twitter_roll1.gif") no-repeat 0 0;
}

#twitter:hover
{ 
  background-position: 0 -25px;
}

#twitter span
{
  display: none;
}

#rentalNav
{
  display: block;
  width: 208px;
  height: 33px;
  background: url("../Timtest/rentalImages/rentalNavBtnRoll.png") no-repeat 0 0;
  position: relative;
  text-align: center;
}

#rentalNav:hover
{ 
  background-position: 0 -33px;
  text-decoration: none;
}

#rentalNav span
{
  font-family: arial; 
  font-size: 2em; 
  font-weight: 900; 
  color: white; 
  text-align: center;
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: center; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #4e6284; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #4e6284; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #4e6284; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #CBCED5; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

/* top left menu (social roll buttons on white background*/
#facebook1
{
  display: block;
  width: 25px;
  height: 25px;
  background: url("../images/social/facebook_roll_whitebg.gif") no-repeat 0 0;
}

#facebook1:hover
{ 
  background-position: 0 -25px;
}

#facebook1 span
{
  display: none;
}

#youtube1
{
  display: block;
  width: 70px;
  height: 25px;
  background: url("../images/social/youtube_roll_whitebg.gif") no-repeat 0 0;
}

#youtube1:hover
{ 
  background-position: 0 -25px;
}

#youtube1 span
{
  display: none;
}

#twitter1
{
  display: block;
  width: 22px;
  height: 25px;
  background: url("../images/social/twitter_roll_whitebg.gif") no-repeat 0 0;
}

#twitter1:hover
{ 
  background-position: 0 -25px;
}

#twitter1 span
{
  display: none;
}
/* end top left menu */


/* Footer Resort Icon Rollovers*/
#altaroll
{
  display: block;
  width: 70px;
  height: 60px;
  background: url("../images/footer/alta_roll.png") no-repeat 0 0;
}

#altaroll:hover
{ 
  background-position: 0 -60px;
}

#altaroll span
{
  display: none;
}

#brightonroll
{
  display: block;
  width: 61px;
  height: 62px;
  background: url("../images/footer/brighton_roll.png") no-repeat 0 0;
}

#brightonroll:hover
{ 
  background-position: 0 -62px;
}

#brightonroll span
{
  display: none;
}

#canyonsroll
{
  display: block;
  width: 82px;
  height: 51px;
  background: url("../images/footer/canyons_roll.png") no-repeat 0 0;
}

#canyonsroll:hover
{ 
  background-position: 0 -51px;
}

#canyonsroll span
{
  display: none;
}

#deervalleyroll
{
  display: block;
  width: 62px;
  height: 65px;
  background: url("../images/footer/dv_roll.png") no-repeat 0 0;
}

#deervalleyroll:hover
{ 
  background-position: 0 -65px;
}

#deervalleyroll span
{
  display: none;
}

#parkcityroll
{
  display: block;
  width: 92px;
  height: 50px;
  background: url("../images/footer/pc_roll.png") no-repeat 0 0;
}

#parkcityroll:hover
{ 
  background-position: 0 -50px;
}

#parkcityroll span
{
  display: none;
}

#powmtnroll
{
  display: block;
  width: 75px;
  height: 60px;
  background: url("../images/footer/pow_roll.png") no-repeat 0 0;
}

#powmtnroll:hover
{ 
  background-position: 0 -60px;
}

#powmtnroll span
{
  display: none;
}

#snowbasinroll
{
  display: block;
  width: 143px;
  height: 40px;
  background: url("../images/footer/snowbasin_roll.png") no-repeat 0 0;
}

#snowbasinroll:hover
{ 
  background-position: 0 -40px;
}

#snowbasinroll span
{
  display: none;
}

#snowbirdroll
{
  display: block;
  width: 83px;
  height: 59px;
  background: url("../images/footer/snowbird_roll.png") no-repeat 0 0;
}

#snowbirdroll:hover
{ 
  background-position: 0 -59px;
}

#snowbirdroll span
{
  display: none;
}

#solituderoll
{
  display: block;
  width: 90px;
  height: 60px;
  background: url("../images/footer/solitude_roll.png") no-repeat 0 0;
}

#solituderoll:hover
{ 
  background-position: 0 -60px;
}

#solituderoll span
{
  display: none;
}

#sundanceroll
{
  display: block;
  width: 96px;
  height: 17px;
  background: url("../images/footer/sundance_roll.png") no-repeat 0 0;
}

#sundanceroll:hover
{ 
  background-position: 0 -17px;
}

#sundanceroll span
{
  display: none;
}
/* end of Footer Resort Icon Rollovers */


/* start of black out pop-up effect */
.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.60;
			opacity:.60;
			filter: alpha(opacity=60);
		}
		.white_content {
			display: none;
			position: fixed;
			top: 50px;
			left: center;
			width: 650px;
			height: 430px;
			padding: 16px;
			border: 3px solid #4E6284;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
/* end of black out pop-up effect */

/* start of black out pop-up effect for weather */
.black_overlay_weather{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.60;
			opacity:.60;
			filter: alpha(opacity=60);
		}
		.white_content_weather {
			display: none;
			position: fixed;
			top: 50px;
			left: center;
			width: 785px;
			height: 550px;
			padding: 16px;
			border: 3px solid #4E6284;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
/* end of black out pop-up effect for weather*/

/* start of homepage banner style */

/********************************************************************************|
 # This copyright notice must be kept untouched in the stylesheet at all times.  |
 # The original version of this script and the associated (x)html                |
 # is available at http://www.encodez.com/                                       |
 # Copyright (c) 2009 Encodez Systems. All rights reserved.                      |
 # ------------------------------------------------------------------------------|
 # This script and the associated (x)html may be modified in any                 | 
 # way to fit your requirements.                                                 |
 #                                                                               | 
 # DYNAMIC MULTI TRANSITION BANNER                                               |                                                                              |
 # Author       : MUNEER SAHEED                                                  |
 # Released on  : 16 June 2009                                                   |
 # Version      : 1.0.0                                                          |
 # Website      : http://www.encodez.com/                                        |
 # Contact      : muneer AT encodez DOT c o m                                    |
 #-------------------------------------------------------------------------------|
*/

/*body {text-align:center; margin:0;}*/




/* end of homepage banner style*/

body.noRight #main2 {  }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}

body.scoutfitters #main1 { margin-top: 16px; }
body.scoutfitters #main2 { background: url(../scoutfitters/images/main2_bg.png) top left repeat-y; }

body.scoutfitters #colLeft {
	width: 266px;
	background: #000 none;
	margin-right: 16px;
}
body.scoutfitters #colLeft .padding { background: none; }

body.scoutfitters #content { 
	margin-left: 283px;
	background: #000 url(../scoutfitters/images/content_bg.jpg) top left no-repeat;
	min-height: 557px;
}
body.scoutfitters #content .padding { padding: 0; }

body.scoutfitters #hero {
	width: 760px;
	height: 557px;
	background: url(../scoutfitters/images/scoutfitters_hero.jpg) top left no-repeat;
	position: relative;
}
body.scoutfitters #hero img {
	position: absolute;
		top: 244px;
		left: 219px;
}

body.scoutfitters .form_half {
	float: left;
}
body.scoutfitters #content h4 {
	margin-bottom: .4em;
	color: #80C590;
	font-style: italic;
	text-align: center;
}

body.scoutfitters div.form_row {
	margin-bottom: .25em;
}
body.scoutfitters span.form_label label {
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
}
body.scoutfitters span.form_element input {
	width: 180px;
	height: 1.6em;
	vertical-align: middle;
}

div.form_row {
	clear: both;
	padding: 3px 0;
}

div.form_row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.form_row div {
	width: 270px;
	float: left;
}
div.form_row span.form_label {
	float: left;
	width: 100px;
	text-align: right;
	font-size: 12px;
}
div.form_row span.form_element {
	float: left;
	width: 190px;
	text-align: left;
	font-size: 12px;
	padding-left: 6px;
}

/*----------- Snow Report Table ----------*/	

#cellLogo {
	padding-right: 8px;
	border-right: 1px solid #4e6284;
}

#cellTitle {
	font-size: 12px;
	font-weight: bold;
	color: #363636; 
	border-right: 1px solid #4e6284; 
	border-bottom: 1px solid #4e6284;
}

#cellTitle_last {
	font-size: 12px;
	font-weight: bold;
	color: #363636; 
	border-bottom: 1px solid #4e6284;
}

#cellData {
	font-size: 21px; 
	font-weight: bold; 
	color: #363636; 
	border-right: 1px solid #4e6284;
}

#cellData_last {
	font-size: 21px; 
	font-weight: bold; 
	color: #363636;
}

#cellData2 {
	font-size: 12px;
	padding: 10px 0px 0px 0px; 
	color: #363636;
}

#cellComments {
	padding-left: 8px;
	font-size: 12px;
	border-left: 1px solid #4e6284;
}

#snow_divide {
	border-bottom: 1px solid #363636; 
	padding: 0px 10px 10px 10px;
}

/*----------- BANNER ----------*/
#banner{
	position: relative;
	margin-top: 0px;
	z-index: 50;
	height: 275px;
	width: 730px;
	/*background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;*/
	/* css3 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5); */ }
	
.bannerbot{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	width: 727px;
	background-image:  url(../images/bannerbot.png);
	background-repeat: no-repeat;
	z-index: 99; }
	
.bannertxt{
	position: absolute;
	right: 45px;
	top: 220px;
	z-index: 99; } 

.rotate{
	height: 275px;
	width: 730px; }

#pager{
	position: absolute;
	bottom: 5px;
	right: 300px;
	z-index: 2000; }

#pager li {
	list-style: none;
	float: left;
	margin-right: 5px; }

#pager a {
	display: block;
	height: 18px;
	width: 18px;
	background-image: url(../images/pager_off.png);
	background-repeat: no-repeat; }

#pager a.activeSlide {
	background-image: url(../images/pager_on.png); }

#pager a:focus { 
	outline: none; }
	
	
	
	
/*----------- BANNER for in-store snow report on HDTV ----------*/
#bannerHDTV{
	position: relative;
	margin-top: 0px;
	z-index: 50;
	height: 860px;
	width: 1400px;
	/*background-image:url(../images/bannerbg.png);
	background-repeat:no-repeat;*/
	/* css3 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5); */ }
	
.bannerbotHDTV{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	width: 1400px;
	background-color: #666666;
	z-index: 99; }
	
.bannertxtHDTV{
	position: absolute;
	right: 45px;
	top: 220px;
	z-index: 99; } 

.rotate_snow{
	height: 860px;
	width: 1400px; }

/*----------- In_Store Snow Report Table ----------*/	

#cellLogoHDTV {
	height: 180px;
	padding-left: 20px;
	padding-right: 50px;
	/*border-right: 1px solid #4e6284;*/
}

#cellTitleHDTV {
	height: 50px;
	width: 120px;
	font-size: 16px;
	font-weight: bold;
	color: #4e6284; 
	border-right: 1px solid #4e6284; 
	border-bottom: 1px solid #4e6284;
}

#cellTitle_lastHDTV {
	height: 50px;
	width: 120px;
	font-size: 16px;
	font-weight: bold;
	color: #4e6284; 
	border-bottom: 1px solid #4e6284;
}

#cellDataHDTV {
	height: 50px;
	font-size: 42px; 
	/*font-weight: bold;*/
	color: #4e6284; 
	border-right: 1px solid #4e6284;
}

#cellData_lastHDTV {
	height: 50px;
	font-size: 42px; 
	/*font-weight: bold;*/
	color: #4e6284;
}

#cellData2HDTV {
	height: 80px;
	font-size: 12px;
	padding: 10px 0px 0px 0px; 
	color: #4e6284;
}

#cellCommentsHDTV {
	width: 5px;
	padding-left: 0px;
	font-size: 12px;
	/*border-left: 1px solid #4e6284;*/
}

#snow_divideHDTV {
	border-bottom: 1px solid #363636; 
	padding: 0px 10px 10px 10px;
}

/*----------- Reservation CSS ----------*/	
		
		#content_res { background: #d8dadc;
					   width: 730px;
		}
		
		.smallFormSec {
			float: left;
			width: 120px;
		}
		
		.smallFormSec1 {
			float: left;
			width: 150px;
		}
		.smallFormSec * { vertical-align: middle; }
		.smallFormSec label {
			display: block;
		}
		
		.clear { clear: both; height: 0; }
		
		.form_half {
			float: left;
			width: 350px;
		}
		
		.renter_info_form { 
			display: none;
			float: left;
			width: 266px;
		}
		.renter_info_form div.form_row span.form_label { width: 90px; }
		.renter_info_form div.form_row span.form_element { width: 170px; }
		
		/* Form Styling */

		div.form_row {
			clear: both;
			padding: 3px 0;
		}

		div.form_row:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		div.form_row span.form_label {
			float: left;
			width: 160px;
			text-align: right;
		}
		div.form_row span.form_element {
			float: left;
			width: 180px;
			text-align: left;
			padding-left: 6px;
		}