/*Globals*/
.clear { clear:both; font-size:3px; margin:0px; padding:0px; }
.none { margin:0; padding:0; }
.space3 { height:3px; margin:0; padding:0; }
.space5 { height:5px; margin:0; padding:0; }
/*end*/

#hokDetailsPreferred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	padding: 8px;
	border: 1px solid #CCCCCC;
}
#hokDetailsPreferred a:link, #hokDetailsPreferred a:visited, #hokDetailsPrefered a:hover, a:link.hokLink, a:visited.hokLink {
	font-weight: bold;
	text-decoration: none;
	color: #2B6680;
	padding: 2px 3px 2px 3px;
}
#hokDetailsPreferred a:hover, a:hover.hokLink {
	text-decoration: none;
	background-color: #D9E8F7;
}

#hokDetailsPreferred ul {
	list-style-type: none;
}
.hokDetailsHeader {
	margin-bottom: 0px;
}
.hokDetailsHeader h3, .hokDetailsHeader h4 {
	font-size: 16px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.hokDetailsHeader h4 {
	float: right;
}
.hokDetailsInfoBg {
	height: 80px;
	background-color: #EFEFEF;
}
.hokDetailsSpecs, .hokDetailsAddress, .hokDetailsLocation {
	float: left;
	margin-right: 10px;
}
.hokDetailsPictures {
	clear: both;
	margin-top: 4px;
	margin-bottom: 5px;
	height: 336px;
	background-color: #EFEFEF;
}
.hokDetailsPicture {
	clear: both;
	margin-top: 4px;
	margin-bottom: 5px;
	height: 336px;
	background-color: #EFEFEF;
}
.hokDetailsRooms, .hokDetailsThumbs, .hokDetailsPoster, .hokDetailsPicInfo {
	float: left;
	background-color: #EFEFEF;
	height: 330px;
	margin-right: 4px;
	padding: 3px;
}
.hokDetailsRooms h3, .hokDetailsThumbs h3, .hokDetailsPicInfo h3 {
	font-size: 12px;
	background-color: #2B6680;
	color: #EBEBEB;
	margin: 0px;
	margin-bottom: 5px;
}
.hokDetailsRooms ul {
	margin: 0px;
	padding: 0px;
	width: 125px;
}
#cokContentT img {
	display: block;
	margin: 2px 2px 2px 0px;
	border: 1px solid #CCCCCC;
}
.hokDetailsPosterT {
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 5px;
	width: 451px;
	text-align: center;
	background-color: #EFEFEF;
	height: 262px;
}
.hokDetailsPicInfoT {
	height: 68px;
	width: 451px;
	text-align: center;
	background-color: #EFEFEF;
}
.hokDetailsPicInfoT p {
	margin-top: 5px;
}
.hokDetailsPicInfoT { 
	margin-right: 0px;
	font-size: 11px;
}
/* Pictures Thumbs Scroll Area */
#hokScrollContainer { position: absolute; }
.hokDetailsRooms { width: 106px; height: 329px; position: absolute;}
#cokUp { position:absolute; right:-18px; top:0px; z-index:2; cursor:pointer;}
#cokTrack { position:absolute; right:-18px; top:21px; z-index:3;}
#cokDrag { position:absolute; right:-18px; top:21px; z-index:4; cursor:pointer;}
#cokDown { position:absolute; right:-18px; bottom:0px; z-index:5; cursor:pointer;}
#cokContentMask { position:absolute; left:3px; top:17px; width:106px; height:317px; clip:rect(0,106px,317px,0); overflow:hidden; z-index:6;}
#cokContent { position:absolute; left:0; top:0; width:106px;}
.hokDetailsThumbs { width: 104px; height: 329px; position: absolute; left: 134px;}
#cokUpT { position:absolute; right:-18px; top:0px; z-index:7; cursor:pointer;}
#cokTrackT { position:absolute; right:-18px; top:21px; z-index:3;}
#cokDragT { position:absolute; right:-18px; top:21px; z-index:4; cursor:pointer;}
#cokDownT { position:absolute; right:-18px; bottom:0px; z-index:5; cursor:pointer;}
#cokContentMaskT { position:absolute; left:0; top:17px; width:110px; height:317px; clip:rect(0,110px,317px,0); overflow:hidden; z-index:6;}
#cokContentT { position:absolute; left:0; top:0; width:110px;}
.hokDetailsPosterT { position: absolute; left: 267px;}
.hokDetailsPicInfoT { position: absolute; top: 267px; left: 267px; text-align: center;}

/* Room Links */
a:link.hokRoomLinks, a:visited.hokRoomLinks, a:hover.hokRoomLinks {
	font-style: normal;
	background-color: transparent;
}
a:hover.hokRoomLinks {
	font-style: normal;
	background-color: #D9E8F7;
}
a:link.hokRoomLinksSelected, a:visited.hokRoomLinksSelected, a:hover.hokRoomLinksSelected {
	font-style: italic;
	background-color: #D9E8F7;
}
a:hover.hokRoomLinksSelected {
	font-style: italic;
	background-color: #D9E8F7;
}
/* END ROOM LINKS */

/* Details Page Tool Box */
.hokDetailsTools {
	margin-bottom: 4px;
	background-color: #EFEFEF;
	height: 30px;
}
.hokDetailsTools a:link, .hokDetailsTools a:visited,  .hokDetailsTools a:hover {
	padding: 3px;
	margin-top: 4px;
	margin-left: 11px;
	float: left;
	width: 120px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
/* Listing Features */
.hokDetailsDescription h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.hokDetailsDescription p {
	margin-top: 5px;
}
.hokDetailsFeatures {
	float: right;
	width: 578px;
	padding: 3px;
    background-color: #EFEFEF;
}
.hokDetailsFeatures h4 {
	margin-bottom: 3px;
    margin-top: 3px;
}
.hokDetailsFeatures ul {
	margin-top: 0px;
    margin-bottom: 10px;
	padding: 0px;
	margin-left: 5px;
    width: 225px;
}
.hokDetailsOptionsLeft {
	margin-left: 50px;
}
.hokDetailsOptionsLeft, .hokDetailsOptionsRight {
	float: left;
}


/* Details Map */
.map { width:568px; margin:0 auto; padding:0; }
.map #maparea { width:566px; height:298px; border:1px solid #333333; }
.map .mapdisclaimer { margin:0; padding:0; font-size:9px; color:#666666; }

.map #maparea_nomap { height:auto; padding:10px; text-align:center; border:1px solid #333333; }
/*end*/


/* Agent & Broker Details */
.hokDetailsAgent, .hokDetailsBroker {
	background-color: #EFEFEF;
	width: 124px;
	padding: 3px;
	font-size: 10px;
}
.hokDetailsAgent ul, .hokDetailsBroker ul {
	padding: 0px;
	margin: 0px;
}
.hokDetailsAgent h4, .hokDetailsBroker h4 {
	font-size: 12px;
	margin: 12px 0px 0px 0px;
}
.hokDetailsAgent p, .hokDetailsBroker p {
	margin: 5px 0px 5px 0px;
}
.hokDetailsAgent {
	padding-bottom: 8px;
}
.hokDetailsBroker {
	padding-top: 8px;
	border-top: 1px solid #CCCCCC;
}