/* global */
a, b, body, h1, h2, h3, input, li, ol, p, select, span, textarea, ul {
	font-family: verdana,arial,helvetica,san serif; 
}

body {
	background-color: #303030; 
	background-image: url(../images/bg_pattern.gif); 
	margin: 0; 
	}

/* anchors */
a.hotel {
	color: #d18c15; 
	text-decoration: none; 
	}
	
a.hotel:hover {
	color: #d18c15; 
	text-decoration: underline; 
	}

a.darkhotel {
	color: #d18c15; 
	text-decoration: none;
	}	
	
a.darkhotel:hover {
	color: #d18c15;
	text-decoration: underline; 
	}		
	
a.subnavlink {
	font-weight: bold;
	color: #666666; 
	font-size: 9px; 
	line-height: 17px; 
	padding: 0 15px; 
	text-decoration: none; 
	}
html>body a.subnavlink {
	padding: 0 10px 0 15px; 
	}
	
a.subnavlink:hover {
	font-weight: bold;
	color: #d18c15; 
	font-size: 9px; 
	line-height: 17px; 
	padding: 0 15px; 
	text-decoration: none; 
	}
html>body a.subnavlink:hover {
	padding: 0 10px 0 15px; 
	}
	
a.subnav-activated {
	font-weight: bold;
	color: #d18c15; 
	font-size: 9px; 
	line-height: 17px; 
	padding: 0 15px; 
	text-decoration: none; 
	}
html>body a.subnav-activated {
	padding: 0 10px 0 15px; 
	}
	
a.subsubnav {
	font-weight: bold;
	color: #666666; 
	font-size: 9px; 
	line-height: 17px; 
	margin: 0 0 0 25px; 
	text-decoration: none; 
	}
	
a.subsubnav:hover {
	font-weight: bold;
	color: #d18c15; 
	font-size: 9px; 
	line-height: 17px; 
	margin: 0 0 0 25px; 
	text-decoration: none; 
	}
	
a.subsubnav-activated {
	font-weight: bold;
	color: #d18c15; 
	font-size: 9px; 
	line-height: 17px; 
	margin: 0 0 0 25px; 
	text-decoration: none; 
	}
	
a.mediumhotel {
	color: #d18c15; 
	font-size: 10px; 
	text-decoration: none; 
	}

a.mediumhotel:hover {
	color: #d18c15; 
	font-size: 10px; 
	text-decoration: underline; 
	}
	
a.sitemap {
	color: #666666; 
	text-decoration: none; 
	}
	
a.sitemap:hover {
	color: #666666; 
	text-decoration: underline; 
	}
	
a.footer {
	color: #999999; 
	text-decoration: underline; 
	}
	
a.footer:hover {
	color: #d18c15; 
	text-decoration: none; 
	}

/* photo selector flash movie */	
a.flashpick {
	color: #666666; 
	text-decoration: none; 
	}
a.flashpick:hover {
	color: #d18c15; 
	text-decoration: none; 
	}
	
a.grey {
	color: #797979; 
	text-decoration: none; 
	}
a.grey:hover {
	color: #d18c15; 
	text-decoration: none; 
	}	

/* NOTE: Styles for Specials links below */

/* bolds */
b.footer {
	color: #7C7B7B; 
	font-size: 9px; 
	}


/* form elements */
input.button {
	background-color: #606060; 
	border: 1px #ababab solid; 
	color: #ffffff; font-size: 9px; 
	text-transform: uppercase; 
	}

input.monospace {
	background-color: #C0C0C0; 
	border: 1px #969696 solid; 
	color: #42382f; 
	font-size: 9px; 
	margin: 0; 
	}
	
input.buttonrese {
	background-color: #69686E; 
	border: 1px #AAAAAA solid; 
	color: #ffffff; 
	font-size: 9px;
	width: 135px;
	float: right;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
	}
	
select.monospace {
    font-family: arial; 
	background-color: #D2D2D2; 
	color: #000000; 
	font-size: 9px; 
	}

textarea.monospace {
	background-color: #d2d2d2; 
	border: 1px #969696 solid; 
	color: #000000; 
	font-size: 10px; 
	}


/* headers */
h1 {
	color: #656565; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 1.5; 
	padding: 0 30px 10px 15px; 
	margin: 0; 
	}
html>body h1 {
	font-size:13px;
	}

h1.home {
	color: #656565; 
	font-size: 14px; 
	font-weight: bold; 
	line-height: 1.4; 
	padding: 85px 30px 8px 15px;
	*padding-top: 72px;
	margin: 0; 
	}
html>body h1.home {
	font-size: 13px;
	}
	
h2 {
	color: #656565; 
	font-size: 11px; 
	line-height: 18px; 
	padding: 0 0 0 15px; 
	margin: 0; 
	}
	
h2.bottomspace {
	color: #666666; 
	font-size: 11px; 
	line-height: 18px; 
	padding: 0 0 10px 15px; 
	margin: 0; 
	}


/* horizontal rule */
hr {
	background-color: #BEB0A8; 
	color: #BEB0A8; 
	height: 1px; 
	margin: 18px 20px; 
	}


/* image */
img.fivebyfive {
	margin: 5px; 
	}

img.hr {
	margin: 5px 30px 5px 15px; 
	}
html>body img.hr {
	margin: 5px 30px 20px 15px; 
	}	
	
img.hralt {
	margin: 15px 30px 10px 15px; 
	}
html>body img.hralt {
	margin: 15px 30px 20px 15px; 
	}
	
img.listpic {
	margin: 0 0 25px 0;
	}
	
img.navmidhr {
	margin: 15px 0 9px 15px;
	}
	
img.pgheader {
	margin: 15px 0 30px 15px; 
	}

img.subnav {
	margin-top: 10px;
	margin-right: 5px; 
	}
html>body img.subnav {
	margin-top: 5px;
	}
	
img.subnavarrow {
	margin: 10px 5px 0 0;
	}

img.logo {
    margin: 30px 21px 20px 20px;
*margin: 27px 21px 15px 20px;
	}
	
img.guest {
	margin-top: 6px; 
	margin-bottom: 10px;
	}
    
img.hparrow {
    margin: 0 5px 0 0;
    }
    
img.hpshim {
    margin: 8px 0 12px 15px;
    }
    
img.hpspecials {
    margin: 0 0 10px 15px;
    }

/*lists*/
ul {
	color: #666666; 
	font-size: 10px; 
	line-height: 18px; 
	list-style-image: url(../images/bullet.gif); 
	padding: 0 0 15px 15px; 
	margin: 0 30px; 
	}

ul.press {
	color: #8E8D8D; 
	font-size: 10px; 
	line-height: 18px; 
	list-style-image: url(../images/bullet.gif); 
	padding: 0 30px 10px 15px ; 
	margin: 10px 0 0 30px; 
	}
html>body ul.press {
    padding: 0 30px 5px 15px ; 
	margin: 10px 0 5px 30px;
    }
    
ul.sub {
	color: #8E8D8D; 
	font-size: 10px; 
	line-height: 18px; 
	list-style-image: url(../images/bullet.gif); 
	padding: 0 10px 10px 15px; 
	margin: 5px 0 0 30px; 
	}
html>body ul.sub {
    padding: 0 10px 5px 15px; 
	margin: 5px 0 5px 30px;
    }

ul.specials {
	color: #666666; 
	font-size: 10px; 
	line-height: 18px; 
	list-style-image: url(../images/bullet.gif); 
	padding: 0 5px 10px 15px; 
	margin: 0 0 0 30px; 
	}
	
ul.exceptions  {
	font-size: 10px;
	color: #ff0000;
}
	
ol.medium {
	color: #666666; 
	font-size: 10px; 
	line-height: 1.7; 
	margin-top: 0; 
	margin-right: 30px; 
	}	

/* paragraphs */
p.footer {
	color: #999999; 
	font-size: 9px; 
	line-height: 18px; 
	padding : 0; 
	margin: 5px 0 15px 15px; 
	}
	
p.descrip {
	color: #735847; 
	font-size: 10px; 
	line-height: 18px;
	margin-top: 0; 
	}
	
p.error {
	color: #FF0000; 
	font-size: 10px; 
	line-height: 18px; 
	padding: 0px 30px 18px 15px; 
	margin: 0px; 
	}
	
p.large {
	color: #735847; 
	font-size: 11px; 
	line-height: 18px; 
	padding: 0 30px 0 15px; 
	margin: 0; 
	}
	
p.home {
	color: #666666; 
	font-size: 10px; 
	line-height: 16px; 
	padding: 0 25px 0 15px; 
	margin: 0; 
	}
html>body p.home {
    line-height: 16px;
    }
/* line height originally 18 & 17px respectively */
	
p.regular {
	color: #666666; 
	font-size: 10px; 
	line-height: 18px; 
	padding: 0 30px 0 15px; 
	margin: 0; 
	}
	
p.nopadding {
	color: #666666; 
	font-size: 10px; 
	line-height: 18px;
	margin: 0; 
	}

p.small {
	color: #666666; 
	font-size: 9px; 
	line-height: 14px; 
	padding: 0 20px 0 15px; 
	margin: 0; 
	}

p.smallhp {
	color: #666666; 
	font-size: 9px; 
	line-height: 10px;  
	margin: 10px 15px 5px 15px; 
	}

p.subnav {
	color: #735847; 
	font-size: 9px; 
	line-height: 17px; 
	padding: 0 15px; 
	margin: 0; 
	}
	
p.litegray {
	color: #666666; 
	font-size: 10px; 
	line-height: 1.5; 
	padding: 0 15px 10px; 
	}

/* spans */

.photoControlsm {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #666666; 
	margin: 10px 15px 0 0; 
	}
	
span.back {
	color: #4DACC8; 
	display: block; 
	font-size: 10px; 
	line-height: 1.5; 
	padding: 15px 15px 15px 0; 
	}
	
span.hotel {
	color: #4DACC8; 
	display: inline; 
	}
	
span.para-header {
	color: #666666; 
	display: inline; 
	font-size: 11px; 
	font-weight: bold;
	}

span.selector {
	background-color: #313131; 
	color: #A87758;
	display: block; 
	font-size: 10px; 
	height: 10px; 
	padding: 8px 10px 8px 0; 
	text-align: right; 
	}

span.selector2 {
	color: #797979; 
	display: block; 
	font-size: 10px; 
	padding: 0 10px 10px 0; 
	text-align: right; 
	}
	
span.fivebyfive {
	margin: 5px; 
	}

span.hotelsubnav {
	color: #999999; 
	display: block; 
	font-size: 9px; 
	padding: 10px 15px 15px 0; 
	}
	
span.lite {
	color: #666666; 
	display: block; 
	font-size: 10px; 
	line-height: 1.5; 
	padding: 0 15px 15px; 
	}

/* table */
table.table {
	font-family: verdana,arial,helvetica,san serif;
    color: #606060; 
	font-size : 10px;
	margin-left: 15px; 
	margin-right: 30px;
	}

table.regular {
	color: #595b55; 
	font-size: 10px; 	
	}
    
table.prices {
    font-family: verdana,arial,helvetica,san serif;
    color: #666; 
	font-size: 10px;
	margin: 0 15px 15px 30px;
    padding-bottom: 5px;
	}

	
	
table.survey {
	color: #666666; 
	font-size: 10px; 
	line-height: 18px; 
	margin-left: 15px;   
	}
	
table.leftmarg {
	margin-left: 15px; 
	}
	
table.presspages {
	margin: 5px 17px 5px 7px; 
	}
html>body table.presspages {
	margin: 5px 35px 5px 7px; 
	}
	
table.opentable {
	background-color: #E9D645;
	border:1px #666666 solid;
	margin: 0 15px 13px;
	}

table.factsheet {
	color: #666666; 
	font-size: 10px; 
	line-height: 14px; 
	margin-left: 15px; 
	margin-right: 30px;
	padding: 2px 0; 
	}

td.hotel {
	border-bottom: 1px #666666 solid; 
	color: #666666; 
	font-size: 9px; 
	font-weight: bold; 
	line-height: 18px; 
	margin: 0; 
	padding: 10px 2px 2px; 
	text-align: center; 
	text-transform: uppercase; 
	}

td.chart {
	border-bottom: 1px #666666 solid; 
	color: #666666; 
	font-size: 9px; 
	line-height: 18px; 
	margin: 0;
	padding: 2px; 
	}
	
td.mainnav {
	background-color: #9d9d9d;
	}
	
td.contentarea {
	background-color: #ffffff;
	}

td.head {
	border-bottom: 1px #666666 solid; 
	color: #666666; 
	font-size: 9px; 
	font-weight: bold; 
	line-height: 18px; 
	margin: 0; 
	padding: 2px; 
	}

td.table {
	color: #666666; 
	font-size: 9px; 
	line-height: 18px; 
	margin: 0; 
	padding: 2px;
	}

td.spa {
	color: #666666; 
	font-size: 9px; 
	margin: 0; 
	padding: 5px;
	}
	
/* specials boxes */
a.specials { 
	color: #666666; 
	font-family: verdana,arial,helvetica,san serif;
	font-size: 9px;
	text-decoration: underline;	
}

a.specials:hover { 
	color: #ffffff; 
	font-family: verdana,arial,helvetica,san serif;
	font-size: 10px;
	text-decoration: none;
}

a.packages { 
	color:  #666666; 
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.packages:hover { 
	color:  #666666; 
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	text-decoration: underline;
	font-weight: bold;
}

table.packages {
	background: #E9D645;
	color: #666666;
	font-size: 10px;
	padding: 0;
	margin-left: 15px; 
	margin-right: 10px;
}

table.packages2 {
	background: #E9D645;
	color: #666666;
	font-size: 10px;
	padding: 0;
}

table.packages2 a {
	color: #d18c15; 
	text-decoration: none; 
	}
	
table.packages2 a:hover {
	color: #d18c15; 
	text-decoration: underline; 
	}

table.smallrese {
	margin-top:-20px;
	}
html > body table.smallrese {
	margin-top: 0;
	}

font.packages {
	font-family: verdana,arial,helvetica,san serif;
	color: #000000;
	font-size: 10px;
}

th.special {
	background: #E9D645;
	font-family: verdana,arial,helvetica,san serif;
	font-size: 10px;
	font-weight: bold;
}

select.packages {
	background-color: #d2d2d2; 
	color: #000000; 
	font-size: 9px;
}	

select.packages2 {
	background-color: #d2d2d2; 
	color: #000000; 
	font-size: 9px;
}

select.monospacerese {
	font-family: arial;
	background-color: #d2d2d2; 
	color: #000000; 
	font-size: 9px; 
	width: 140px;
	}

p.bottom { 
    color: #b1b1b1; 
    font-size: 9px; 
    line-height: 18px; 
    padding: 5px 5px 5px 0; 
    margin: 0; 
    letter-spacing: -1px; 
    }
	
/* mini res */
table.leftreservation {
    border-collapse: collapse;
	margin-top: 0;
    margin-bottom: -15px
	}

.hotelselect {	 
	font-family: arial;
	font-size: 9px;
	background-color: #c0c0c0;
	color: #42382f;
	border: 1px solid #738f92;
	width: 145px;
	margin: 0 0 5px 15px;
	}
	
.reseleft {	 
	font-family: arial;
	font-size: 9px;
	background-color: #c0c0c0;
	color: #42382f;
	border: 1px solid #738f92;
	margin: 0 0 0 15px;
	}	
	
.satisfaction {	 
	font-family: arial;
	font-size: 9px;
	color: #42382f;
	background-color: #c0c0c0;
	border: 1px solid #738f92;
	}	

.resefields {	 
	font-family: arial;
	font-size: 9px;
	background-color: #c0c0c0;
	color: #42382f;
	border: 1px solid #738f92;
	margin: 0;
	} 

.date {	 
	font-family: arial;
	font-size: 9px;
	background-color: #c0c0c0;
	color: #42382f;
	border: 1px solid #738f92;
	margin: 0;
	}

span.liteform {
	color: #44342a; 
	display: block; 
	font-size: 9px; 
	line-height: 1.5; 
	padding: 0 0 0 15px; 
	}
	
span.liteformalt {
	color: #44342a; 
	display: block; 
	font-size: 9px; 
	line-height: 1.5; 
	padding: 0; 
	}
	
input.promocode {
	background-color: #c0c0c0;
	border: 1px #878C85 solid;
	color: #42382f;
	font-size: 9px;
	margin: 0 4px;
	}

input.return  {
	margin: 0 0 0 24px;
}

html>body input.return  {
	margin: 0 3px 0 32px;
}

.specialbox {
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px;
    border: 1px solid #E9D645;
    margin: 5px 0 0 15px;
    padding: 5px;
    width: 340px;
    }

	
/* gift cert form */
#required {
	color: #f00;
}
#exception h3 {
	color: #f00;
	margin-left: 15px;
	font-size: 12px;
}

select.monospace {
	border: 1px #969696 solid; 
}
	
/* footer VHG logos */
#footer-left { float:left; }
#footer-right { float: right; }
#footer-logos {
float: left;
padding: 0;
margin: 0;
margin-left: 15px;
list-style: none;
width: 470px;
_display: inline;
}
#footer-logos li { display: inline; }

#footer-logos li a {
background: url(../images/footer.png) no-repeat;
display: block;
height: 0;
padding-top: 23px;
overflow: hidden;
float: left;
}

#footer-logos li a.vhg {
width: 161px;
background-position: 0 0;
}

#footer-logos li a.vic {
width: 95px;
background-position: -161px 0;
}

#footer-logos li a.tid {
width: 86px;
background-position: -256px 0;
}

#footer-logos li a.urh {
width: 125px;
background-position: -342px 0;
}

#vhg-rese-widget {
float: left;
width: 140px;
/*border: 1px solid #48261a;*/
/*padding: 8px;*/
padding-left: 15px;
*padding-top: 0;
*margin-top: 1px;
*padding-left: 13px;
}

#vhg-rese-widget input, #vhg-rese-widget select {
border: 1px solid #7b7b7b;
font-family: Verdana, Tahoma, serif;
font-size: 9px;
color: #42382f;
background: #c0c0c0;
margin-bottom: 8px;
}

#vhg-rese-widget label {
color: #3a4143;
font-size: 9px;
display: block;
}

#vhg-rese-widget input[type=submit] {
background: #69686e;
color: #fff;
border-top: 1px solid #7b7b7b;
border-left: 1px solid #7b7b7b;
border-bottom: 2px solid #303030;
border-right: 2px solid #303030;
text-transform: uppercase;
cursor: pointer;
width: 100%;
font-size: 9px;
margin-bottom: 3px;
}

#vhg-rese-widget input[type=submit]:hover {
border-top: 1px solid #303030;
border-left: 1px solid #303030;
border-bottom: 2px solid #7b7b7b;
border-right: 2px solid #7b7b7b;
}

#destination {
width: 100%;
}

label #arrive, label #adults,
#code-type {
margin-right: 8px;
}

#arrive, #depart {
padding-left: 3px;
margin-bottom: 5px !important;
width: 60px;
}

label #adults {
margin-right: 12px;
}

label.arrive, label.depart,
label.adults, label.kids {
float: left;
}

label span {
display: block !important;
padding-bottom: 3px;
}

.code {
float: left;
}

#code {
float: left;
width: 31px;
}

.code-wrap {
clear: both;
width: 100%;
}

#contentfull #vhg-rese-widget {
width: 155px;
}

#emailbox {
width: 140px;
margin-left: 15px;
}

#emailbox input {
width: 90px;
margin: 4px 0 0 0;
}

#emailbox p {
font-size: 9px;
color: #3a4143;
margin: 0;
width: 145px;
}

#emailbox .button {
width: 40px !important;
padding: 1px 0;
cursor: pointer;
}

#email-offers span.lite {
padding: 5px 0 5px 15px;
float: left;
display: inline;
}