/*defaults*/
body 	{background:#EDEDED; color:#000000; padding:0; font-family:	Georgia, serif; color:#333333;}
p, .p{margin:0; padding:0 0 10px 0; line-height:120%}
a {color:#333333; text-decoration:underline;}
a:hover	{color:#225799; text-decoration:none;}


 
/*headings*/

h1, #content h1		{font-size:170%; font-weight:normal; margin:0; padding:10px 0; }
h2, #content h2		{font-size:130%; font-weight:normal; margin:0; padding:10px 0; }
h3, #content h3		{font-size:110%; font-weight:bold; line-height:110%; margin:0; padding:10px 0; }
#logo h1		{font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }

#promo
{
    background-color:#003366;
    border-left:none;
    border-right:none;
	padding:0;
	padding-top:10px;
}
#promo .blank{
	background:url('/images/headers/header_1.jpg') top #003366;
	height:180px;
	width:296px;
	border:2px solid #FFFFFF;
}
#promo div img{
    border:2px solid #FFFFFF;
    margin:0;
    z-index:10;
}
#promo .left{
	background-position:left;
}
#promo .center{
	background-position:center;
}
#promo .right{
	background-position:right;
}
/* promo*/
#promo div img:hover{
    border:2px solid #ffa100;
}
#promo div a div{
    position:relative; top:-10px; text-align:center; color:#FFFFFF; height:30px;
    margin-top:-35px;
    padding:0;
}

/*   ------------ submenu ------------------ */
#submenu{
    background-color: #003366;
	font-size:120%;
	margin-top:10px;
    padding:0;
	text-align:center;
}
#submenu a{
    background-color: #003366;
	color:#FFF;
	padding:5px 0;
}
#submenu a:hover{
	background:#FFFFFF;
	background-color: #FFFFFF;	
	color:#003366;
	padding:5px 0;
}
#submenu .selected{
	background-color: #FFFFFF;
    color: #003366;
	padding:5px 0;
}
#container{
    background: #FFFFFF;
    border:1px solid #CCC;
    border-top:none;
    padding-top:10px;
}

#header{
	background: #FFFFFF;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
}
#header{
    background:#FFFFFF url(/images/sunsetlogoNew.gif) no-repeat top;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;    
}
.box{
    background: #fffccc;
    padding:10px;
    margin:10px 0;
    border:1px solid #ffa100;
    color:#666666;
}
p.note{
    font-size:small;
    color:#666;
}

div.hr{
    background:url(/images/hr.gif) no-repeat top;
    height:10px;
    border:none;
    clear:both;
    width:100%;
    margin:0; 
    padding:0;
}
div.hr.over{
    background:url(/images/hr1.gif) no-repeat top;
    height:10px;
    border:0px solid #FFFFFF;
    margin:0; padding:0;
    clear:both;
    width:100%;
}

/*navigation*/
#footer, #morelinks {padding:10px 0;}
#navigation{
    background: #FFFFFF;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    text-align:center;
}
#navigation ul {margin:0; padding:10px 0; font-family:Arial, Sans-Serif;  }
               		     
#navigation li {font-size:140%; margin:0; padding:0; list-style:none; display:inline; letter-spacing:0.1em }
#navigation a {color:#003366; padding:0 10px; text-decoration:underline; }
#navigation a:hover {color:#ffa100;}
#navigation a.selected {color:#ffa100; padding:0 10px; text-decoration:none; }

#footer ul {margin:0; padding:0; }
#footer li {margin:0; padding:0; list-style:none; display:inline; }
#footer a		{padding:0 5px 0 0; text-decoration:underline; }
#footer a:hover	{color:#000000; text-decoration:none; }

#morelinks ul{margin:0; padding:0; }
#morelinks li{margin:0; padding:0; list-style:none; display:inline; }
#morelinks a{padding:0 5px 0 0; text-decoration:underline; }
#morelinks a:hover{color:#000000; text-decoration:none; }

/* Mikhail Kozlov */
.eMailThis{
	text-decoration:underline;
	cursor:pointer;
	padding-left:25px;
	margin:5px 0;
	background: url(/images/imagesNew/mail.gif) no-repeat left;
}
.eMailThis:hover{
	text-decoration:none;
}
address{
	text-decoration:none;
	font-style:normal;
	padding:10px 0;
	line-height:110%;
}
.imageLink{
	background:url(/images/imagesNew/photo_scenery.gif) no-repeat left 6px;
	padding-left:25px;
	font-size:16px;
}
.vTourLink{
	background:url(/images/imagesNew/virtual_tour_icon.jpg) no-repeat left 6px;
	padding-left:25px;
	font-size:16px;
}
.row input[type="submit"], .row input[type="reset"], .row input[type="button"]
{
    background:#FFFFFF;
    color:#003366;
    border:solid 1px #003366;      
    margin:2px;
    padding:3px 5px;
    cursor:pointer;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .row input[type="submit"].pressed{
    background:#fffccc;
    color:#333;
}
.row input[type="submit"].pressed{
    border:solid 1px #fffccc;
	}

input[type="text"],input[type="password"],  select, textarea
{
    background:#FFFFFF;
    color:#003366;
    border:solid 1px #003366;      
    margin:2px 0;
    padding:3px 5px;
}
.inputRed input[type="text"], .inputRed select, .inputRed textarea
{
    border:1px solid #FF0000;
}



li{
	padding:2px 0;
}
.close{float:right; display:none}
.close:hover{text-decoration:underline; cursor:pointer}

#res_wraper a{
	color:#000000;
	padding:3px;
	text-decoration:none;
}
#res_wraper a.current{
	font-weight:bold;
	color:#225799;
	background: #fffccc;
	border:1px solid #ffa100;
	border-bottom:none;
	text-decoration:none;
}

#cur_form{
	padding:5px 10px; 
	display:none;
	border-top:1px solid #ffa100;
	margin:3px -10px;
}
a.weekly_form:hover, a.miniweek_form:hover{
	font-weight:bold;
}


.row {
	clear:both;
	padding:3px 0;
	width:100%;
}

.row label{
	float:left;
	font-weight:normal;
	margin:2px 5px 2px 0;
	text-align:right;
	padding:3px 0;
	width:150px;
}
.searchForm .row label{
	width:220px;
	}
.row label.small{
	margin-left:5px;	
	width:50px;
}
.row div{
	float:left;
	font-weight:normal;
	padding:5px 0;
	width:250px;
}
.row input[type="text"]{
	float:left;
	font-weight:normal;
	width:200px;
}
.row select, .row textarea{
	float:left;
	font-weight:normal;
	width:200px;
}
.row ul{
	float:left;
	font-weight:normal;
	margin:0;	
	padding:0;
}
.row ul li{
	float:left;
	font-weight:normal;
	list-style:none;
	margin:0;	
	padding:0;
}

.row ul li.text{
	font-weight:normal;
	margin:2px 5px 2px 0;
	text-align:right;
}

.row ul li.label{
	float:left;
	font-weight:normal;
	margin:2px 5px 2px 0;
	text-align:right;
	padding:3px 0;
	width:100px;
}

.row div ul{
	float:none;	
	list-style:circle;
}
.row input[type="checkbox"]{
	border:none;
	float:left;
	font-weight:normal;
	margin:3px 5px 2px 0;
}
.row input[type="submit"]{
	background-color:#003366;
	border:1px solid #ffa100;
	color:#FFFFFF;
	cursor:pointer;
	font-size:14px;
	padding:2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.row input[type="submit"]:hover{
	background-color:#FFEB70;
	color:#000000;	
	}

/* - Guest Services */
table.History{
	width:100%;
}
.History thead{
	color:#666;
	}
.History tbody{
	font-size:.8em;
}
tr.HistoryRow{
	cursor:pointer;
}
tr.HistoryRow:hover{
	background-color:#FFA100;
	color:#000;
}
.HistoryRow td{
	padding:.5em 0.3em;
}
.odd{
	background-color:#FFFCCC;
}
/*               -      Reservation        -          */

.tbHeader {border-bottom:1px solid #CCC; font-weight:bold; text-align:center;}
.tbHeader div, .GridRow div.grid_6, .GridRow div.grid_3, .GridRow div.grid_12{padding:5px 0}

.GridRow {border-bottom:1px solid #CCC;}

.GridRow .image, .GridRow .price{
	text-align:center;
}
.GridRow .details h3{
	margin-top:0;
	padding-top:0;
	
}
.GridRow .details ul li{
	float:left;
	width:220px;
}
.GridRow:hover {
	background-color:#EDEDED;
}
#zoombox a{
    background: #fffccc;
    border:1px solid #ffa100;
    color:#666666;
	margin:10px 8px 10px 10px;
	text-decoration:none;
	text-align:center;
	padding-bottom:10px;
}
#zoombox a:hover{background-color:#FFFFFF;}

#zoombox img{
	border:none;
	padding:10px 0;
}
.resForm div.row label{
	width:123px;
}
.resForm div.row div, .resForm div.row select{
	width:140px;
}
.grid_6 .box .row label{
	width:200px;
}
.grid_4 .row label{
	float:none;
	width:100%;
}
.grid_4 .row select, .grid_4 .row div, .grid_4 .row input[type='text']{
	float:none;
	width:100%;
}

.pag_list{
	list-style:none;
}
.pag_list li{
	float:left;
	margin-right:10px;
}
.pag_list li span, .pag_list li a{
	padding:3px 5px;
	border:1px solid #FFF;
}
.pag_list li span, .pag_list li a:hover{
	background-color:#003366;
	border:1px solid #ffa100;
	color:#fff;
}
.grid_6 .box .row div{
	width:200px;
	padding:3px 0;
	}
#terms{
	border:1px solid #003366;
	height: 120px; 
	overflow:auto; 
	text-align:left; 
	padding:5px;
	width: 930px;
}

ul.bullerList{
	color:#ffa100;
	list-style-type:disc;
	list-style-position:inside;
	margin:.5em 0 .5em 20px;
	padding:0;
}
ul.bullerList li{
	color:#333;
}
.smallIndex a, .propIndex a{
	color:#333;
	display:block;
	padding:5px 0 5px 10px;
}
.smallIndex:hover, .smallIndex:hover a, .propIndex:hover, .propIndex:hover a{
	color:#000;	
}
.smallIndex a:hover, .propIndex a:hover{
	background-color:#ffa100;
	}
.smallIndex a{
	float:left;
	width:300px;
}	
.login .row label{
	width:100px;
}
.login .row input[type="text"], .login .row input[type="password"]{
	width:150px;
}
form.searchForm:hover i{
	color:#FF0000;
}

#new_address_holder{
	display:none;
}

/*  - -------------- tool tip ------*/
#info {
	display:none;
	width: 300px;
	padding-bottom: .5em;
	overflow: hidden;
	position: absolute;
	z-index:1000;
}

#info div{
	background:#FFFFFF; 
	border:1px solid #FFEB70;
	padding:0;
	margin:0;
}
#info img{
	margin:0;	
	}
#info p, #info h4{
	padding:5px 10px 0;
}
/*  - END -------------- tool tip ------*/

.hide{
	display:none;
}
