* { 
margin: 0;
padding: 0;
}

body {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-top: 0px;
	background-color: #000000;
}

/* Semantic Content Styles */
/* -------------------------------- */

h1, h2, h3, h4, h5, h6 {line-height: 1.5em;}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 9px;}

p {
font-size: 12px;
margin-bottom:15px;
}

ul {}
ol {}
li {}
ul li {}
ol li {}

dl {}
dt {}
dd {}

address {}
abbr {}
acronym {}
blockquote {}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

img {border: 0;}
a img {border: 0;} 

hr {}
a {
text-decoration:none;
color:#000000;
}
a:hover {
text-decoration:underline;
color:#990000;
}
a:visited {
text-decoration:none;
color:#000000;
}
pre {} 
code {font-family: courier new, courier, monospace;}

/* Hyperlink Styles */
/* -------------------------------- */

a {}
a:hover {}

/* Form Styles */
/* -------------------------------- */

form {}
label {}
input {} 
input.text {} 
input.radio, input.checkbox {border: 0; background: transparent;} 
input.button {}
input.image {border: 0;} 
select {}
option {}
textarea {}
.smallText {
font-size: 10px;
}
/* Layout Styles */
/* -------------------------------- */
div#wrapper {
	text-align: center;
	margin-top: 20px;
}

div#outer1 {
	height: 350px;
	width: 818px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background-image: url(/ACC163_CL577/images/topleftbg.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
div#outer1two {
	height: 220px;
	width: 818px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background-image: url(/ACC163_CL577/images/topleftbg.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

div#outer2 {
	height: auto;
	width: 818px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	background-image: url(/ACC163_CL577/images/bottomrightbg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;

}
div#topheader {
	text-align: right;
	float: left;
	height: 30px;
	width: 792px;
	margin-left: 9px;

}

div#topheader p a {
	font-size: 11px;
	line-height: 14px;
	color: #B9DFFF;
	text-decoration: none;
}
div#topheader p a:hover {
	color: #990000;
	text-decoration: none;
}

div#header {
	background-color: #FFFFFF;
	float: left;
	height: 318px;
	width: 800px;
	margin-left: 9px;
}

div#left {
	background-image: url(/ACC163_CL577/images/sohofront_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 300px;
	width: 530px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
div#left p {
	text-indent: -9999px;}
	
div#right {
	float: right;
	height: 300px;
	width: 240px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
div#logomain {
	background-image: url(/ACC163_CL577/images/sohologo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 105px;
	width: 240px;
}
div#flash {
	height: 186px;
	margin-top: 9px;
	float: right;
	width: 240px;
}
div#right p {
	text-indent: -9999px;}
	
div#right img {
	margin-top: 10px;
}

div#header2 {
	background-color: #FFFFFF;
	float: left;
	height: 188px;
	width: 800px;
	margin-left: 9px;
}

div#left2 {
	background-image: url(/ACC163_CL577/images/sohofront.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 165px;
	width: 530px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
body.lodgingPro div#left2 {
	background-image: url(/ACC163_CL577/images/Secondary_LodgingProfile.jpg);

}
body.roomDetails h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.30em;
text-decoration:underline;
}
body.roomDetails h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight:bold;
}
body.drivingDirections p{
width:760px;
display:block;
}
body.drivingDirections div#main ul li{
color:#000000;
}
body.drivingDirections div#main ul {
margin-top: 0px;
padding:0px;
}
body.drivingDirections div#main li {
margin-top: 0px;
padding:0px;
}
body.drivingDirections div#main h2 {
margin: 0px;
padding:0px;
}
body.drivingDirections div#main p{
margin: 0px;
padding:0px;

}
body.reservations div#main img {
margin: 0px;
padding:0px;
float:left;
}

body.formShell h2{
width:760px;
display:block;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0px auto 0px auto;
}
/*
body.reservations div#main img {
margin: 0px;
padding:0px;
}
*/
div#left2 p {
	text-indent: -9999px;}
	
div#right2 {
	float: right;
	height: 165px;
	width: 240px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}
div#logomain2 {
	background-image: url(/ACC163_CL577/images/sohologo2_Vert.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	height: 165px;
	width: 240px;
	background-color: #000000;
}

div#logomainSecure {
	background-image: url(/ACC163_CL577/images/sohologo.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	height: 165px;
	width: 240px;
	background-color: #000000;
}
div#right2 p {
}
	
div#right2 img {
	margin-top: 10px;
}






div#nav {
	float: left;
	height: 14px;
	width: 800px;
	margin-left: 9px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #000000;
}/*--
div#nav ul {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #B9DFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
	word-spacing: 1.6em;
	letter-spacing: .1em;
}
div#nav ul li {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #B9DFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
}
div#nav ul li a {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #B9DFFF;
	text-decoration: none;
	text-align: center;
	display: inline;
	list-style-type: none;
}
div#nav ul li a:hover {
	color: #990000;
	text-decoration: none;
}

*/
div#content {
	float: left;
	height: auto;
	width: 800px;
	margin-left: 9px;
	background-color: #FFFFFF;
	background-image: url(/ACC163_CL577/images/nyc4.JPG);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div#content2 {
	float: left;
	height: auto;
	width: 800px;
	margin-left: 9px;
	background-color: #FFFFFF;

}
div#leftcol {
	float: left;
	max-height: 435px !important;
	width: 180px;
	background-image: url(/ACC163_CL577/images/bgleftcol.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-bottom:20px;
}
div#leftcol h3{
margin-top:10px;
font-size:13px;
padding:0px 2px 2px 10px;
}
body.default div#leftcol h3{
margin:10px 0px 0px 0px;
font-size:13px;
padding:0px 2px 0px 10px;
}
div#leftcol h4{
margin:0px 0px 0px 0px;
font-size:13px;
padding:0px 2px 0px 0px;
}

body.drivingDirections div#main h5{
	width: 570px;
	font-weight:100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
padding:0px;
}


body.secondary div#main {
	float: right;
	height: auto;
	width: 780px;
	margin: 15px 10px 10px 10px;
}
body.apartments div#main {
	float: left;
	height: auto;
	width: 780px;
	margin: 15px 10px 10px 10px;
}

div#main {
	float: right;
	min-height: 465px !important;
	width: 570px;
	margin-top: 3px;
	margin-right: 20px;
	margin-bottom: 10px;
}
div#main a {
text-decoration: underline;
}
div#main a:hover {
text-decoration: underline;
color:#990000;
}
div#main p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	letter-spacing: 0.5px;
	text-align: justify;
	word-spacing: 2px;
	padding:0px 10px 5px 0px;
	margin:0px;
}
div#main strong {
padding:20px 0 0 0;
}
div#main h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #990000;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
/*
body.secondary div#main img{
	margin: 5px 10px 10px 10px;
}
*/



div#footer {
	text-align: center;
}
div#footer p a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
}
div#footer p a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
div#footerAddress  {
width:818px;
margin:0px auto 0px auto;

}
div#footerAddress p {
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div#contact {
	text-align: right;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-left:15px;
	width:790px;
		font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #666633;
}

div#contact a {
	font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #666633;
	text-decoration: none;
	margin-right: 10px;
	margin-top:13px;

}

/* SEARCH STYLES */


.search {
width: 150px;
margin: 0px 1px 0px 0px;
padding:1px 0px 3px 0px;
height: 12px;
float:right;
font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #666633;
	text-align:center;
}

.search input { color: #666633;}
.search input.text { /* remember to assign the class to the HTML elements */
width: 100px;
border: 1px solid #666633;
background-color: #666666;
color: #333333;
font-size: 11px;
margin-right: 5px;
height: 14px;
}

.searchInput {
color: #666633;
float: left;
}
.searchInput p {
font-size: 11px;
color: #666633;
}
.searchGo {
padding: 0 0 0 2px;
margin-top: 1px;
float:left;
}
div#topBookmark a {
height:12px;
float:left;
text-align:left;
padding:0px 75px 6px 0px;
}
div#topBookmark {
height:12px;
float:left;
width:600px;
}
 div#topBookmark p{
color:#666633;
margin-right: 150px;
	margin-top:13px;
}
div#reservationBoxInterior {
margin:10px 0px 0px 10px;
width: 180px;
}
div#reservationBoxInterior .select{
height:14px;}
div#reservationBoxInterior .selectDD{
font-size:11px;}
div#reservationBoxInterior .selectBtn{
padding:5px 0px 2px 0px;}

div#reservationBoxInterior p {
color:#FFFFFF;
margin:0px;
}
div#reservationBox p {
color:#000000;
margin:0px;
}

div#reservationBox h2 {
padding:0px 0px 0px 11px;
}
body.default div#leftcol h4 {
font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 0px 10px;
}
body.default div#leftcol p {
font-family:  "Trebuchet MS", Arial, Verdana;
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}
/* Navigation Styles */
div#navCol {
padding:0px 0px 0px 0px;
float:left;
margin:0px 0px 5px 0px;
height: auto;
background: transparent url(../images/bg_nav.gif) no-repeat;
}
div#topNav {
width:800px;
height: 24px;
}
div#topNav ul {
width: 100%;
padding: 0px 0px 0px 0px; 
list-style: none;
}
div#topNav ul li {
display: block;
float: left;
margin: 0px 2px 0px 2px;
border-right: 1px solid #ffffff;
padding-right: 2px;
}

div#topNav ul li.sfirst {
margin-left: 12px !important; 
margin-left: 0px;
}
div#topNav ul li.slast {
border-right: 0px;
}

div#topNav ul li a {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.30em;
color: #ffffff; 
text-decoration: none;
margin: 3px 12px 5px 8px;
}

/* "currently on" and "hover" states */

div#topNav ul li:hover a,
div#topNav ul li.sfhover a
{
color: #605F53;
}
div#topNav ul li:hover ul li a,
div#topNav ul li.sfhover ul li a {
color: #CC0000;
}

div#topNav ul ul {
padding: 0px;
margin:0px;
position: absolute;
left: -9999px;
width: 149px;
z-index: 100;
filter: alpha(opacity=85);
 -moz-opacity:0.85;
    opacity: 0.85;
background-color: #ffffff;
}

div#topNav ul ul li {
float: none; 
padding:0px;
margin:0px;
width: 171px;
border-bottom:#CCCCCC dotted 1px;
border-right:none;
background-color: #ffffff;
}
div#topNav ul ul li a {
display: block;
color: #1D2149;
line-height:20px;
padding: 3px 0px 3px 6px;
margin: 0px 0px 0px 0px;
width: 165px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
div#topNav ul li a:hover {
color: #FFFF00; 
}

div#topNav ul ul li a:hover,
div#topNav ul ul li:hover a:hover {
color: #ffffff;
background:#1D2149;

}

div#topNav li:hover ul ul,
div#topNav li.sfhover ul ul {
left: -9999px;
}

div#topNav li:hover ul, 
div#topNav li.sfhover ul {
left: auto;
}

div#topNav li:hover ul,
div#topNav li.sfhover ul,
div#topNav li li:hover ul,
div#topNav li li.sfhover ul {
left: auto;
}


div#footerNav {
padding: 4px 0 10px 0;
}
div#footerNav ul {
list-style: none; 
text-align: center;
}
div#footerNav ul li {
display: inline; 
color: #04536A;
}
div#footerNav li a {
color: #04536A;
text-decoration: none;
padding: 0 6px 0 3px;
}
div#footerNav a:hover {
color: #079FCB;
text-decoration: underline; 
}



/* Common Styles */

.powered {
width: 300px;
height: 42px;
font: normal 12px/1.3em verdana, helvetica, arial, sans-serif;
margin: 2px auto 10px 0px;
}



/* These styles are in rooms_group.css - they are NOT being 
pulled into site_details.asp as they should */

/* ------ styles for Room/Site/Cabin Display -------- */

.amenitiesLeft { 
margin-bottom: 5px;
float:left;
width:250px;
}
.amenitiesRight { 
margin-bottom: 5px;
float:left;
width:150px;
}
.amenitiesLeft ul {
list-style-image: url(/images/bullet_01.gif);
margin: 0 0 14px 30px;
}
.amenitiesLeft ul li{
line-height: 12px;

}
.amenitiesRight ul{
list-style-image: url(/images/bullet_01.gif);
margin: 0 0 14px 30px;
}
.amenitiesRight ul li{
line-height: 12px;
margin-left:5px; 
}
.UnitImage {
float: right;
margin-right: 5px;
border: 1px solid #333333;
}

/* ------ new add --------- */

.siteDisplayWrapper {
width: 100%;
margin-bottom: 5px;
padding-bottom: 20px;
border-bottom: 1px solid #731b17;
}

.siteItemName h1 {
margin: 0;
}

.siteDisplayRight {
width: 200px;
}

.siteDisplayLeft {
float: left;
width: 400px;
}
.siteDisplayLeft ul li {
line-height: 6px;
}

.siteDisplayButtons {
margin: 0;
width: 500px;
clear: both;
}

/* inp styles */

div#inpCategoryWrapper dd, div#inpCategoryWrapper dt {
font-size: 12px; 
line-height: 1.3em;
}
 
div#inpCategoryWrapper dd a, div#inpCategoryWrapper dt a {
color: #731b17;
text-decoration: underline;
}

div#inpCategoryWrapper dd a:hover, div#inpCategoryWrapper dt a:hover {
text-decoration: none;
}

/* Destination image styles */

.attractionimage1 {}
.attraction_image_none {
padding-right: 5px;
}

div#topBanner {
width:525px;
height:70px;
padding:10px 0 0 0;
float:right;
}
div#topLogo {
width:193px;
max-width:193px !important;
height:93px;
max-height:93px !important;
padding-top:5px;
float:left;

}

div#topRightWrapper {
float:right;
width:600px;
max-height: 93px;
}
.generalHeader {

width: 600px;
height: 24px;
color: #333333;
text-indent: 2px;
font-size:14px;

}


body.drivingDirections #main ul{
list-style-image: url(/images/bullet_01.gif);
margin: 0 0 14px 20px;
}
body.drivingDirections #main ul li{
line-height: 12px;
}

/* ZOOM STYLES */
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 12px; }
		.result_title a { font-size: 12px; text-decoration:none; font-weight:bold; }
		.result_title a:hover { font-size: 12px; text-decoration:underline; font-weight:bold; }				
		.description { font-size: 12px; color: #666666; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #666666;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
		.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}

.inpImageGallery {
}

.galleryTable td {
padding:0px 5px 0px 0px;
}
.inpImageGallery #ResultDiv {
border:none;

}
.galleryCeeBoxPaging {
padding:0px;
background: #ccc;
font-size:11px;
font-weight:bold;
width:585;
height:15px;
text-align:center;
}
.galleryCeeBoxPaging img {
margin:15px;
}

.imgRight {
	padding: 5px 0px 5px 10px;
	float:right;
}

.imgLeft {
	float: left;
	padding: 5px 10px 5px 0px;
}
