/*  /////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////
for hotel pages //////////////////////////////////////////////////////////*/
body.hotels { background-color:#FBFAF4; border-left:solid 1px #CCCCCC; border-right:solid 1px #CCCCCC; min-height:100%;}
body.hotels p,ul,li,strong,a,span{
	font-size:11px;
	color:#666;
	margin:5px 0 0 0;
	text-decoration:none;
	font-weight:normal;
}

body.hotels strong {font-weight:bold;}

#hotels-maintitle{
	width:100%;
	text-align:left;
	padding:40px 0;
	height:120px;
	position: relative;
}

#hotels-maintitle_left{
	width:64%;
	text-align:center;
	padding:0 0 17px 0;
	margin:0 0 0 10px;
	border: 1px solid #ccc;
	position: relative;
}
#hotels-maintitle_left.ch{
	width:97%;}


#hotels-maintitle_left table{
padding:0; margin:0; 
height:125px; vertical-align: middle;
text-align:center;
}


#hotels-maintitle_right{
	width:33%;
	float:right;
	text-align: right;
	padding: 0 10px 10px 0;
}

#chateaux-maintitle_right{
	width:33%;
	float:right;
	text-align: center;
	padding: 0 10px 10px 0;
}


#chateaux-maintitle_right img{
margin-top:30px;

 }



#hotels-maintitle_left table h1,
#hotels-maintitle_left table 2,
#hotels-maintitle_left table h3,
#hotels-maintitle_left table p{
border:none;
}


#hotels-maintitle_left table img{
border:none;}
#hotels-maintitle_left table h1{
font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#666666;
}
#hotels-maintitle_left table h1 span, #hotels-maintitle h1 span a{ font-size:16px; color:#DA1D07;}

#hotels-maintitle_left table h1.undertitle{ 
font-size:13px; }

#hotels-maintitle table h2.undertitle{
font-size: 	9px; margin:-17px 0 10px 0; padding:0px; 
color:#666666;}

#hotels-maintitle table h2.undertitle a{ color: #9F1C04; }


#hotels-maintitle_left table h2.undertitle span{ 
color:#DA1D07;
font-size: 	9px; 

}


#hotels-maintitle_left table h1 a {  font-weight:lighter;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;}


#hotels-maintitle_left table span.viewalldistricts a {
font-size:12px; color:red; margin-left:10px;}

#hotels-maintitle_left table span.district  {
font-size:16px;

}

div#selectedoptions {
	position:absolute;
	left: 85px;
	top:4px;
	width:140px;
	height: 12px; 
}

div#selectedoptions img{ margin:0 3px; border:1px solid #F0F0F0;}

div.hotels-left{
	margin:0;
	padding:0;
	float:left;
	width:29%;
	overflow:visible;
	text-align:left;
	margin-bottom: 50px;
	position:relative;
}
div.regions{
margin:0;
	padding:0;
	width:29%;
	overflow:visible;
	margin-bottom: 50px;
float:right; text-align:right;}

div #districts-container {
	margin:0;
	padding:0 0 50px 0;
	width:29%;
	overflow:visible;
	text-align:left;
	min-height: 100%;


}
div #districts{
	height: 400px;
	overflow:hidden;
	width: auto;
	border:1px solid #D6D6D6;
	margin: 0 0 0 5px;
	position: relative;

}


div#districts h1,div#districts h2{
padding:0 0 0 10px;}


div #districts-title { height:20px; margin:0 0 20px 0; position:relative;}

div #districts-title h1{ padding:0;}

 div #districts-title h1 sup {color: #cc0000; font-weight:bold; margin-left:3px;} 


div.hotels-right{
	margin:0;
	padding:0;
	float:right;
	width:70%;
	overflow:visible;
	text-align:left;
	position: relative;
}
div.hotels-left h1, div.hotels-left h2,

div #districts-container h1, div #districts-container h2
{
padding:5px;
margin:0;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-weight:bold;
}

div.hotels-left h2,
div.hotels-left a,

div #districts-container h2,
div #districts-container a
{
font-size:14px;
color:#666666;
font-weight:lighter;
text-decoration:none;
}
div#districts h2 a span {
	font-size:8px;
	margin-left: 5px;
	color: red;
	text-decoration: none;
}

div.hotels-left a:hover { text-decoration:underline overline;}

div #districts-container a {width:100%;}
div #districts-container a:hover {
	text-decoration:underline overline; font-weight:bold; color:#A40000;
}
div #districts-container a:hover span{
	text-decoration:none; font-weight:bold; color:#A40000;
}


div#hotels-container {
min-height: 100%;

}
*html div#hotels-container {
	min-height: 100%;
	position: relative;
}

div.hotel-container { 
padding:10px;}


/*For the thumbnail page.php*/
table.thumbnail { width:100%}

table.thumbnail tr td.moredetails a
{ font-size:11px; color:#666; margin:0; text-decoration:none; font-weight:normal;}

table.thumbnail tr td.moredetails a:hover {
	text-decoration:underline;
	margin-top: -3px;
}

table.thumbnail tr td.name { width:25%;}
table.thumbnail tr td.stars {
	width:15%;
	text-align: center;
	vertical-align:top;
}

table.thumbnail tr td.name a { font-weight:bold;}

/*elements of the table*/
table.thumbnail tr td.price {
	width:13%;
	overflow: hidden;
	vertical-align: top;
}
table.thumbnail tr td.price span.littledescription{margin:0; padding:0;color:#666;; margin-left:-2px; font-size:9px;}

table.thumbnail tr td.usersrating {
	width:10%;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
}
table.thumbnail tr td.usersrating span{
color:#73596A; font-weight:bold;

}


table.thumbnail tr td.bullet {
	width:2%;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
}
table.thumbnail tr td.bullet p{
	font-size:9px;
	margin-top: 3px;
}

table.thumbnail tr td.moredetails {
	width:10%;
	background-image: url(../shared/tri.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding: 3px 0 0 10px;
	vertical-align: top;
}
table.thumbnail tr td.description {
	width:75%;
	padding: 8px 0;
}
table.thumbnail tr td.picture {
	width:25%;
	vertical-align:middle;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/shared/loading.gif);
}

table.thumbnail tr td.picture a img{ border:1px solid #ccc;}

table.thumbnail tr td.bottom { border-bottom: 1px solid #ccc;}



table.thumbnail tr td.picture img{
	width:180px;
	height:80px;
}

table.thumbnail tr td.name h1
{
font-size:16px;
color:#000033;
font-weight:lighter;
display:inline;
}
table.thumbnail tr td.name img
{
	margin-left: 10px;
}

/*Hotel individual pages*/
div#hotel-left{
float:left;
margin:0 0 0 15px;
padding:0;
width:350px;
text-align:center;
}
div#hotel-right{
margin:0;
float:right;
width:52%;
padding:20px 0 0 10px;
overflow:visible;
}
div#hotel-right div.topper 
{
	width:auto;
	position: relative;
	z-index: 1;
}

div#hotel-right div.viewmap
{
	width:70px;
	float:left;
	cursor: pointer;
}
div#hotel-right div.hotelname 
{
	float:left;
	padding: 0 0 20px 10px;
	width: 250px;
}
div#hotel-right div.hotelname span
{
	font-style:italic;
	color:#999999;
	text-decoration: underline;

}

div#hotel-right div.hotelname h1
{padding:0;

}
div#hotel-right div.topper hr{
width:300px;
color:#CCCCCC;
height:1px;
margin:0;
padding:0;
}
div#hotel-right div.topper a{
color:#666666; margin-left:80px;
font-size:14px;

}

div#hotel-right.text{
font-size:10pt;
color:Black;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.hotel-container div#description 
{
	clear:both;
	padding: 25px 0;
}
div.hotel-container div#description p
{
	margin:5px;
}

div#hotel-footer {
clear:both}

div#hotel-footer div.listbox{
float:left;
width:24%;
padding:0;
}

div#hotel-footer div.listbox ul{
margin:0;
font-weight:bold;
color:#666666;
list-style:none;
overflow:visible;
padding:1px;
}
div#hotel-footer div.listbox li{
margin:8px;
font-weight:normal;
padding:1px;
overflow:visible;
}
div#mapcontainer{
	height:370px;
	width:370px;
	padding:30px;
	position:absolute;
	visibility:hidden;
	top: 0px;
	left: 0px;
	border: 1px solid #666;
	background-color: #FFFFFF;
	z-index: 99;
}
div#mapcontainer img{margin:25px;}

div#map.individual { width:370px; height:370px;border:1px solid red; z-index:99;}/*actually GOOGLE map*/
div#map.individual a{ text-decoration:underline; color:#333333;}
div#map.individual img{ margin:0; height:10px; margin-bottom:2px;}

div#googlemap-label {
	position:absolute;
	top: 0px;
	left: -1px;
	width: 352px;
	text-align: center;
}
div#googlemap-container {
	width: 352px;
	height: auto;
	position: absolute;
	left: 30%;
}
div#googlemap-container-ch{
	width: 352px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}


div#googlemap-container span.mtouch{
color:#A8C2E7; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}

div.left span.mtouch{
color:#A8C2E7; font:bold 16px Arial, Helvetica, sans-serif;}



div#googlemap-container div#map div.markerhtml { }





div#googlemap-label h1{
	font-size:17px;
	font-weight:lighter;
	margin: 0px;
	position: relative;
	top: 8px;
}
div#googlemap-label p{ margin:0; padding:0;}



div#minimap-container {
	width:222px;
	text-align: center;
	position: absolute;
	right: 18px;
}

div#minimap-container p.comment{
	padding: 10px 0 0 5px;
	color: #5F0E34;
	text-align: center;
}

div#minimap {
	width:200px;
	height:200px;
	overflow:hidden;
	border: 1px solid #333;
	margin: auto;
}

div#explanations1 {
	position: absolute;
	text-align:center;
	right:13px;
	top:-1px;
	width:213px;
	height:100px;
	border:1px outset #666;
	background-color: #FCFCFC;
	margin:10px 0 0 5px;
	padding:10px 5px 5px 5px;
	visibility:hidden;
}


div.explanations img{ vertical-align:middle;}

div.closehelp{ position: absolute; top:2px; right:2px; width:16px; height:16px; 
background: url(../shared/close-cross.jpg) no-repeat;}





div#closemap{ right:5px; top:5px;}

div#breadscrumbs,div#breadscrumbs a,
div#breadscrumbs,div#breadscrumbs span
  {
	color:#A8A8A8;
}

div#breadscrumbs {
	position:absolute;
	width:400px;
	height:20px;
	top:5px;
	right:10px;
	font-weight: normal;
	font-size:12px;
	text-align: right;
}

div#haveaquestion {
	position:absolute;
	width:400px;
	height:20px;
	top:5px;
	left:9px;
	font-weight: normal;
	font-size:12px;
	text-align: left;
	color:#A8A8A8;
	font-style:oblique;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#haveaquestion a{ text-decoration:underline; color:#FF0000; }


div#breadscrumbs a {font-weight: bold; font-size:12px;}



div#hotels-maintitle div.checked 
{ position:absolute; right:100px; bottom:30px;
  height: 40px; width:14px;
  background-color:#FFFFFF;
  display: table; }



div#sortby {
	background-color: #F9F8F0;
	padding: 0 10px 2px 10px;
	margin-bottom:10px;
	position:relative;
}


div#sortby table.thumbnail td ,
div#sortby table.thumbnail td div 
{
	background:none;
	font-size:10px;
	color: #A3A3A3;
}

div#sortby table.thumbnail td.picture, bottom-pagelinks {

width:18%;
text-align:right;
 font-weight:bold; color:#FF0000;
 vertical-align:middle;}

div#sortby table.thumbnail td.rowsperpage {
width:17%;
text-align:left;
font-size:9px;
}
div#sortby table.thumbnail td.rowsperpage p{ font-size:9px;
color:#FF0000; font-weight:bold;
}

div#sortby table.thumbnail td.rowsperpage span{
font-size: 9px; color:#A3A3A3;}

div#sortby table.thumbnail td.rowsperpage span.bull{
margin-right: 1px; }


div#sortby table.thumbnail td.rowsperpage a{
color:#A3A3A3; font-size: 9px;}



div#bottom-pagelinks {
 font-weight:bold; color:#FF0000;}


div#sortby table.thumbnail td.picture a,
div#sortby table.thumbnail td.picture strong,
div#bottom-pagelinks a,div#bottom-pagelinks strong{
font-size:8.5px; color:#999999;
}

div#sortby table.thumbnail td.picture a img,
div#bottom-pagelinks a img
{
width:12px; height:12px; margin:0; padding:0; position:relative; top:2px;
border:none;
}

div#sortby table.thumbnail td.picture a:hover,
div#bottom-pagelinks a:hover{
text-decoration:underline; 
}

div#sortby table.thumbnail td.name div {
	width: 120px;
}
div#sortby table.thumbnail tr td.name img
{
	margin:0;
}


div#sortby table.thumbnail a {text-decoration:none;}
div#sortby table.thumbnail a img{
	border:none;
}

div#pleasewait {
	position:absolute;
	width: 300px;
	height: 300px;
	border:1px solid #333;
	background-image:url(../images/shared/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #FFFFFF;
	top: 100px;
	left: 200px;
	visibility: hidden;
	padding: 20px 5px;
	text-align: center;
}
div#loading, div#loading2, div#loading3  {
	position:absolute;
	background-image:url(../images/shared/loading-pleasewait.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	width:98%;
	height:25px;
	left: 1%;
	visibility: hidden;
	text-align: left;
	z-index: 99;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;	
}


div#loading, div#loading2 {top:40px; }
*html div#loading, div#loading2 {top:0; }

div#loading3  {
	width:85%;
	left:7.5%;
	top: 27px;
	display: none;     /*   I HIDE IT FOR NOW, SEE LATER IF I WANT IT BACK*/
}


div#pleasewait h3{ 
color:#666; font-size:10px; }

 div#loading h2 {
	color:#ff3f4f;
	font-size:12px;
	margin:0 0 0 50px;
	font-weight: lighter;
}


div#bottom-pagelinks div.bottom-right {
	width:40%;
	float:right;
	text-align: right;
}
div#bottom-pagelinks div.bottom-left {
	width:58%;
	float:left;
	text-align: center;
	font-size:11px;
	margin:5px 0;
	color:#999999;
}

div#bottom-pagelinks div.bottom-right,
div#bottom-pagelinks div.bottom-left p
{ color:#FF0000; font-weight:bold; }

div#bottom-pagelinks div.bottom-left span { color:#666666;}

div#bottom-pagelinks div.bottom-right a,
div#bottom-pagelinks div.bottom-left a
{ color:#666; font-weight:normal; }

div.markerdiv {
width:200px; color:#666; font-size:10px;
}

div.markerdiv p{ color:#666; font-size:10px;
}

div.markerdiv img{
height: 10px;
}
div.markerdiv a { padding-top:10px; font-size:9px; text-decoration:underline; color:#A40000; }




/*php searchbox styles */
h1#warning { color:red; width:100px; margin:0;}

div.hotels-searchbox
{ text-align:left;

height:125px;
padding:5px;
border:1px solid #CCC;
 overflow:auto;
 font-size:9px;
 position:relative;
 background-color: #FCFCFC;
 width:260px;
}

div#hotels-maintitle div.hotels-searchbox
{ float:right;


}


/*IE only 

*html div.hotels-searchbox 
{ 
}

*/

#buttons { position:absolute; bottom: 3px; left:3px; font-size:9px;	}
div.hotels-searchbox div.submit { position:absolute; bottom:3px; right:5px;}

div.hotels-searchbox select { margin:0 0 2px 0; width:200px; }

div.hotels-searchbox optgroup { background-color:#F3F3F3; color:#333333;}



div.hotels-searchbox div.checkbox input,
div.hotels-searchbox div.checkbox2 input
 { }
 
div.hotels-searchbox div.checkbox { font-size:9px;background-color:#F8F8F8; float:left; width:60px; border:1px dashed #ccc;}
div.hotels-searchbox div.checkbox2 {font-size:9px;background-color:#FBFBFF; float:left;width:60px;border:1px dashed #ccc;}


div.hotels-searchbox h1 { font-size:11px; margin:0 0 10px 0; padding:0;}

table#randchoice a { color:#666; }
table#randchoice h2 a {color:#666; font-weight:bold; font-size:12px;}
table#randchoice h1 {
	color:#666;
	font-weight:bold;
	font-size:20px;
	font-style: italic;
}

div#chateaux-maintitle_right span {text-decoration:underline;}