@import url("/css/reset.css");
@import url("/css/nav.css");

body {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	color: #7a7a7a;
	background-color: #d5ceba;
	text-align: center; /* Needed for IE5x Bug */
	margin: 0;
	padding: 0;
}

a {	color: #4256eb; text-decoration: none; font-weight: normal; }
a:hover { color: #b56101; text-decoration: underline; }
h1 { margin: 0; padding: 0; color: #6388be; font-size: 20px; font-weight: normal; font-style: normal; text-align: left; }
h2 { margin: 17px 0 -7px 0; padding: 0; color: #6388be;	font-size: 14px; font-weight: bold; font-style: normal; text-align: left; }
h3 { margin: 17px 0 -7px 0; padding: 0; color: #6388be; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; }
h4 { margin: 17px 0 -7px 0; padding: 0; color: #21388b; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; }
h5 { margin: 17px 0 -7px 0; padding: 0; color: #7a7a7a; font-size: 12px; font-weight: bold; font-style: normal; text-align: left; }
h6 { margin: 0 0 -1px 0; padding: 0; color: #85541c; font-size: 11px; line-height: 1.2em; font-weight: bold; font-style: normal; text-align: left; }
p { margin: 12px 0 12px 0; padding: 0; text-align: justify; line-height: 1.4em; }
ul { list-style-type: square; margin: 12px 0 0 18px; padding: 0; }
li { padding: 1px 0 2px 0; }
sup { font-size: 8px; font-weight: normal; }
sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; top: .5ex; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }


/* LAYOUT */

#wrapper { margin: 15px 0 0 0; padding: 12px; background-color: #ffffff; width: 760px; text-align: left; }
#header { margin: 0 0 1px 0; padding: 0 35px; background-color: #2c3d4c; width: 760px; height: 70px; color: #9fa4bc; font-size: 11px; }
#header td { vertical-align: middle; }

#rezbox { margin: 0; padding: 0 0 10px 0; width: 288px; text-align: left; font-size: 11px; color: #525252; line-height: 1.3em; background-image: url(http://images.enjoyvacations.com/images/rezboxBKG.gif); background-position: bottom center; background-repeat: no-repeat; }
#rezbox td { padding-right: 8px; vertical-align: middle; }
#rezbox select { width: 60px; font-size: 11px; color: #525252; }
#rezbox a { color: #43517e; font-size: 10px; text-decoration: underline; }
#rezbox a:hover { color: #b56101; }
#rezbox p { margin: 4px 20px 10px 20px; color: #737c95; font-size: 12px; font-weight: normal; }

.searchform { margin: 0; padding: 0; text-align: left; font-size: 11px; color: #525252; line-height: 1.3em; }
.searchform td { padding-right: 8px; vertical-align: middle; font-size: 11px; color: #525252; line-height: 1.3em; }

#WeRecommend { margin: 0; padding: 0; color: #6d6d6d; font-size: 12px; line-height: 1.5em; }
#WeRecommend .image { border: 1px solid #d0d2d3; padding: 3px; }
#WeRecommend .title { color: #474747; font-size: 12px; font-weight: bold; }
#WeRecommend .rate { color: #b43c01; font-size: 12px; font-weight: bold; }
#WeRecommend .small { color: #6d6d6d; font-size: 10px; font-weight: normal; }
#WeRecommend a { color: #496a98; font-size: 11px; text-decoration: underline; }
#WeRecommend a:hover { color: #b56101; text-decoration: underline; }

#accommImage { border: 1px solid #d0d2d3; padding: 6px; {*width:436px;*} }

#amenities { list-style-type: square; margin: 5px 0 0 56px; padding: 0; text-align: left; }
#amenities li { padding: 1px 0; }

#thumbs { width: 450px; height: 72px; overflow: auto; text-align: left;	z-index: 5; margin: 6px 0 15px 0; }


/* SECONDARY NAVIGATION */

#utilityNav { position: relative; top: -37px; left: 680px; width: 60px; text-align: right;  }
#utilityNav a { color: #595959; font-size: 11px; text-decoration: none; }
#utilityNav a:hover { color: #000; text-decoration: underline; }

#accommNav { margin: 7px 0 6px 0; padding: 0; float: left; border: 1px solid #dadada; border-width: 1px 0; background-color: #fefae9; }
#accommNav li { display: inline; }
#accommNav li a { float: left; text-align: center; color: #896751; font-size: 11px; padding: 2px 0 2px 0; text-decoration: none; border-right: 1px solid #dadada; }
#accommNav li a:visited { color: #896751; }
#accommNav li a:hover { color: #fff; background-color: #638bc1; }


/* GLOBAL CLASSES */

.phoneYellow { font-size: 15px; font-weight: normal; color: #fbffb9; }
.phoneGrey { font-size: 14px; font-weight: normal; color: #c7c7c7; }
.titleWhite { font-size: 12px; font-weight: bold; color: #fff; letter-spacing: 1px; }
.titleBlue { font-size: 14px; font-weight: bold; color: #6388be; }
.titleDark { color: #5b5b5b; font-size: 12px; font-weight: bold; }
.total { color: #8e3e17; font-size: 14px; font-weight: bold; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }

.linksmall { color: #6388be; text-decoration: none; font-weight: normal; font-size: 11px; }
.linksmall:hover { color: #b56101; text-decoration: underline; }

.backtotop { color: #c48134; text-decoration: none; font-weight: normal; font-size: 10px; }
.backtotop:hover { color: #6388be; text-decoration: underline; }

.icon { color: #844f16; font-size: 10px; text-decoration: none; }
.icon:hover { color: #000; text-decoration: underline; }

.accommList { margin: 0; padding: 0; text-align: left; }
.accommList p { margin: 4px 0 5px 0; color: #5c5c5c; font-size: 12px; line-height: 1.3em; }
.accommList .title { font-size: 12px; font-weight: bold; color: #0c1e60; }
.accommList .image { border: 1px solid #d0d2d3; padding: 6px; width:160px; margin: 2px 0 6px 0; }
.accommList .a2 { color: #496a98; font-size: 11px; text-decoration: underline; }
.accommList .a2:hover { color: #b56101; text-decoration: underline; }

.searchResults { margin: 0; padding: 0; text-align: left; }
.searchResults p { margin: 4px 0 5px 0; color: #5c5c5c; font-size: 11px; line-height: 1.2em; }
.searchResults .p2 { margin: 4px 0 0 0; color: #6388be; font-size: 11px; line-height: 1.2em; }
.searchResults .title { font-size: 12px; font-weight: bold; color: #0c1e60; }
.searchResults .image { border: 1px solid #d0d2d3; padding: 6px; width:160px; margin: 0 0 6px 0; }
.searchResults .a2 { color: #496a98; font-size: 11px; text-decoration: underline; }
.searchResults .a2:hover { color: #b56101; text-decoration: underline; }
.searchResults .rate { color: #8e3e17; font-size: 16px; font-weight: normal; }

.searchRate { margin: 0; padding: 6px 8px 6px 8px; font-size: 10px; line-height: 1.2em; text-align: left; border: 1px solid #d0d2d3; }

.rateTable { margin: 0; padding: 0; font-size: 10px; color: #424242; line-height: 1.2em; text-align: left; }
.rateTable td { border-bottom: 1px solid #fff; vertical-align: middle; padding: 1px 0 0 5px; }
.rateTable tr { background-color: #eef1fc; }
.rateTable .a2 { display: block; width: 50px; background-color: #a9bedd; font-size: 10px; color: #fff; font-weight: bold; text-decoration: none; height: 15px; padding-top: 3px; }
.rateTable .a2:hover { background-color: #ba6c12; text-decoration: none; color: #fff; }
.rateTable .select { background-color: #a9bedd; padding: 0; border-left: 1px solid #fff; text-align: center; width: 50px; vertical-align: top; }
.rateTable .rate { color: #8e3e17; font-size: 11px; font-weight: bold; }

.homeList { margin: 0; padding: 0; color: #6d6d6d; font-size: 12px; line-height: 1.5em; }
.homeList td { text-align: left; }
.homeList .image { border: 1px solid #d0d2d3; padding: 4px; margin-top: 1px; }
.homeList .title { color: #474747; font-size: 12px; font-weight: bold; text-decoration: none; }
.homeList .title:hover { color: #b56101; text-decoration: none; }
.homeList a { color: #496a98; font-size: 11px; text-decoration: underline; }
.homeList a:hover { color: #b56101; text-decoration: underline; }
.homeList p { color: #6d6d6d; font-size: 11px; line-height: 1.3em; margin: 1px 0 3px 0; text-align: justify; }

.reztable { margin: 0; padding: 0; }
.reztable td { vertical-align: middle; font-size: 11px; }

.error { color: #b02513; font-weight: bold; }

.CopyTitle2 { font-size: 12px; font-weight: bold; color: #0c1e60; }

.genericTable { margin: 17px 0; padding: 0; }

.genericTable th { padding: 2px 3px; font-size: 10px; font-weight: bold; color: #707070; text-align: center; vertical-align: middle;
 background-color: #e5eafc; border-right: 1px solid #fff; line-height: 1.2em; }
 
.genericTable th.th2 { padding: 3px 5px; font-size: 11px; font-weight: bold; color: #fff; font-weight: bold; 
 background-color: #8da8cf; border-bottom: 1px solid #fff; line-height: 1.2em; }
 
.genericTable td { text-align: center; vertical-align: middle; padding: 2px 4px; font-size: 10px; border-bottom: 1px solid #e5e5e6; }
.genericTable ul { margin: 0 0 0 18px; padding: 0; list-style: square; font-size: 10px; line-height: 1.2em; }
.genericTable li { padding: 2px 0; }
.genericTable p { margin: 5px 0 4px 0; padding: 0; font-size: 10px; text-align: left; line-height: 1.2em; }

.subHeading { width:96%; background-color:#ececec; padding:4px 8px; font-weight:bold; margin:15px 0 0 0; }

#promo { float: left; margin: 0; padding: 6px 0 0 70px; width: 142px; height: 60px; text-align: left; color: #875822; font-weight: bold; line-height: 1.2em;
		background: #fff url(http://images.enjoyvacations.com/vail/VailPromoBKG.jpg) no-repeat top left; }
#promo a { width: 120px; margin: 2px 0 0 0; padding: 0 0 0 18px; color: #6388be; font-size: 11px; text-decoration: none; display: block; background: #fff url(http://images.enjoyvacations.com/images/arrow.gif) no-repeat center left; }
#promo a:hover { color: #b56101; text-decoration: underline; }


.guarantees { margin: 20px 0; padding: 15px 0 0 0; float:right; width:287px; background: #fff url(http://images.enjoyvacations.com/images/dottedline3.gif) no-repeat top right; }
.guarantee { float:left; text-align: left; width: 130px; }
.guarantee a { color: #6388be; font-size: 11px; text-decoration: underline; }
.guarantee a:hover { color: #b56101; text-decoration: underline; }
.guarantee img { float:left; margin:1px 7px 0 0; }

.lock { display: inline; background: #fff url(http://images.enjoyvacations.com/images/lock.gif) no-repeat center left; padding: 0 0 0 15px; }

/* FOOTER STYLES */

#footerBlock { margin: 12px 0 0 0; padding: 20px 0; background-color: #2c3d4c; width: 760px; color: #c3c3c3; font-size: 11px; letter-spacing: 1px; line-height: 1.4em; }
#footerBlock a { color: #c3c3c3; font-size: 11px; text-decoration: none; letter-spacing: 1px; }
#footerBlock a:hover { color: #fff; text-decoration: underline; }
#footerBlock input { background-color: #fff; width: 130px; border: 0; padding: 3px 6px; text-align: left; font-size: 11px; color: #555555; }

#footer { margin: 0; padding: 13px 0 10px 0; color: #6b6b6b; font-size: 11px; line-height: 1.8em; }
#footer a { color: #6e748f; font-size: 11px; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }
#footer .a2 { color: #6b6b6b; font-size: 11px; text-decoration: none; }
#footer .a2:hover { color: #000; text-decoration: underline; }


	.packages {width: 452px; background: url(../images/box-bg.gif); margin-bottom: 20px;}
	.pkgblocktop {width: 452px; background: url(../images/box-top.gif) no-repeat top; height: 7px;}
	.pkgblockbottom {width: 452px; background: url(../images/box-bottom.gif) no-repeat top; height: 7px;}
	.pkgphoto {width: 120px; padding: 0 6px; float: left; margin: 0 auto; text-align: center;}
	.pkgphoto a img {text-align: center; margin: 5px 0;}
	.pkginfo {width: 292px; padding: 0 6px; float: left;}
	.pkginfo h2 {color: #2c3d4c; font-size: 16px; letter-spacing: -0.5px; margin: 0 0 5px 0;}
	.pkginfo h3 {color: #416497; font-size: 12px; margin: 0 0 5px 0;}
	.pkginfo h4 {color: #2c3d4c; font-size: 10px; font-weight: normal; margin: 0 0 5px 0;}
	.clear {clear: both;}
	.pkginfo table {width: 305px; margin-top: 10px;}
	.pkginfo table td {background: #fff; color: #5d5d5d; font-size: 10px; padding: 3px;}
	.pkginfo table td.odd {background: #f8fbff;}
	.pkginfo table.total {width: 180px; margin-top: 0; position: relative; top: -1px; left: 125px;}
	.pkginfo table.total td strong {text-align: right;}
	strong.pp {font-size: 12px; font-weight: bold; text-align: right;}
	strong.orange {font-size: 12px; font-weight: bold; color: #a76114; text-align: right;}