﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 
   background-image: url(background.jpg);
    background-position: center top;
    background-repeat: repeat-y;
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body
{
    background-color:white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: Black;
    margin-right: auto;
    margin-left: auto;
    margin-top:    0px;

}

.grid
{
 text-align:left;
 vertical-align:text-top;
}
.gridbold
{
 text-align:left;
 vertical-align:top;
 font-weight:bold;  
}
.gridcentre
{
 text-align:center;
 vertical-align:top;
 font-weight:bold;  
}
.hidewhenprinting
{ margin:0; 
    display:none;
    visibility:collapse;  
    height:0px;
    }

div.allcontent
{
  width:900px;
  height: auto;
  background-color: white;
  margin-left:      auto;
  margin-right:     auto;
  margin-top:    2px;
  padding-left:0px;
  padding-right:0px; 

}

div.header
{

    background-color:white;
    padding:0px;
    border-bottom:thin solid white;
    height: 80px;
    width: 893px;
    margin-top:0px;
}

div.mainpagecontent
{
    margin-left:162px;
    margin-right:0px;
    margin-bottom:10px;
    background-color: white;
    height: auto;
}

div.incidentmaincontent
{
    margin:5px 0 5px 0;
}
div.incidentmaincontentborder
{
     margin:10px 0 10px 10px;
}
div.roompicture
{
    float:left; 
    margin-left:0px;
    margin-right:0px;
    width:25%; 

}
div.roomdescription
{
    margin-left:25%;
    margin-right:10px;
    background-color: white ;


}
#mainpageleftcolumn
{
    float: left;
    width:180px;
    color:black;
    background-color:white;
    padding:3px 0 5px 5px;
     border-bottom:solid 10px white;

}
#mainpageleftcolumn h1
{
    font-size:18px;
    padding:10px 0 5px 0;
    margin:0;
}

#mainpageleftcolumn h2
{
    font-size:16px;
    padding:10px 0 0px 0;
    margin:0;
}

#mainpageleftcolumn p
{
   font-size:15px;
   padding:3px 0 0px 0;
   margin:0; 

}
#mainpageleftcolumn img
{
   padding:0 0 0 0;
   margin:0; 

}

#mainpageleftcolumn a:active {font-size:12px; font-weight:bold; color:black; text-decoration:underline;padding:0;}
#mainpageleftcolumn a:link {font-size:12px;font-weight:bold;  color:black;text-decoration:underline;padding:0;}
#mainpageleftcolumn a:visited {	font-size:12px;font-weight:bold; color:black;text-decoration:underline;padding:0;}
#mainpageleftcolumn a:hover {font-size:12px;font-weight:bold; color:black;text-decoration:underline;padding:0;}

.mainpageleftcolumnblock
{
    margin:0 0 12px 0
}
#mainpageleftcolumnshortstay
{
    float: left;
    width:180px;
    color:#000099;
    background-color:#999900;
    padding:3px 0 5px 5px;
     border-bottom:solid 10px #ffffdd;

}
#mainpageleftcolumnshortstay h1
{
    font-size:18px;
    padding:10px 0 5px 0;
    margin:0;
}

#mainpageleftcolumnshortstay h2
{
    font-size:16px;
    padding:10px 0 0px 0;
    margin:0;
}

#mainpageleftcolumnshortstay p
{
   font-size:15px;
   padding:3px 0 0px 0;
   margin:0; 

}
#mainpageleftcolumnshortstay img
{
   padding:0 0 0 0;
   margin:0; 

}

#mainpageleftcolumnshortstay a:active {font-size:12px; font-weight:bold; color:#000099; text-decoration:underline;padding:0;}
#mainpageleftcolumnshortstay a:link {font-size:12px;font-weight:bold;  color:#000099;text-decoration:underline;padding:0;}
#mainpageleftcolumnshortstay a:visited {	font-size:12px;font-weight:bold; color:#000099;text-decoration:underline;padding:0;}
#mainpageleftcolumnshortstay a:hover {font-size:12px;font-weight:bold; color:white;text-decoration:underline;padding:0;}

.mainpageleftcolumnshortstayblock
{
    margin:0 0 12px 0
}

#mainmenuitem a:active {font-size:14px; font-weight:bold; color:#000099; text-decoration:underlined;padding:0;}
#mainmenuitem a:link {font-size:14px;font-weight:bold;  color:#000099;text-decoration:underlined;padding:0;}
#mainmenuitem a:visited {	font-size:14px;font-weight:bold; color:#000099;text-decoration:underlined;padding:0;}
#mainmenuitem a:hover {font-size:14px;font-weight:bold; color:white;text-decoration:underlined;padding:0;}
div.mainmenuitem
{
background-color:#ffcc33;
padding:4px 4px 4px 4px;
margin: 2px 5px 1px 0px;
}
div.mainmenuitemselected
{
    background-position: 0;
    padding: 4px 4px 4px 4px;
    margin: 2px 5px 1px 0px;
    background: Orange url('../../Images/General/selectedarrow.gif') no-repeat 95% 3px;
}

.shortstayimage
{
    width:156px;
    height:230px;
    margin:1px 3px 0 0;
}

.shortstayimageright
{
    width:156px;
    height:230px;
    margin:1px 0px 0 0;
}
#short_stay_map
{
 width: 255px;
 height: 450px;
 margin:0px 0px 3px 0px;
}

#two_column_list
{
    margin:0;
    height: 232px;
}

#two_column_list ul
{ 
  width:480px;
  margin:10px 0px 3px 0px;
  overflow:hidden;
  font-size: 12px;
  font-weight:bold;
  line-height: 18px;
 padding: 0;
 

}


#two_column_list li 
{
 width:46%;
 float:left;
 display:inline;
 margin: 0 0 5px 0;
 padding: 0 0px 0 15px;
  background: transparent url(../../Images/General/arrow.gif) no-repeat 5px 7px;
} /* 2 col */
#triple li  { width:33.333%; } /* 3 col */
#quad li    { width:25%; } /* 4 col */
div.footer
{
    width:900px;
    clear: both;	
    font-size:10px;
    font-style:italic;
    background-color: white;
    padding: 2px 0px 2px 0px;
    border-top:thin;
    border-top-color:black;
    border-top-style:solid;
    border-bottom:none;
    margin-right:auto;
	margin-left:auto; 
	padding-top:10px;
	padding-bottom:10px;  

}
div.two-column-left
{float: left;


}

div.two-column-right
{float: right;


}
div.two-column-left-advert
{float: left;
   margin-top:3px;
}

div.two-column-right-advert
{float: right;
 margin-top:3px;

}
div.contact
{
     margin-top:3px;
     margin-bottom:0px;
     margin-left:0px;
     padding-left:3px;
     background-color: white ;
     color:Black;
}
div.advertheadline
{
float: left;
width:80%;
margin-top:0px;
padding-top:0px; 
margin-bottom:0px;
padding-bottom:0px; 

}
div.roomprice
{
float: right;
margin-top:0px;
padding-top:0px; 
margin-bottom:0px;
padding-bottom:0px; 
}

h3.advertheadline
{
    color: black;
    font-size: 14px;
    font-weight:bold;
    margin-top:0px;
    padding-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;
}
h3.roomprice
{
    font-size: 18px;
    margin-top:0px;
    background-color:Orange ;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
}
div.advertstatus
{
float: right;
margin-top:0px;
padding-top:0px; 
margin-bottom:0px;
padding-bottom:0px; 
width:15%;
}
div.advertdetails
{
clear:right;
margin-top:0px;
}
div.contactdetails
{
float: left;
width:60%;
}
div.moreinfo
{
float: right;

}
div.floatleft
{
float: left;
width:50%;
}
div.floatleftall
{
float: left;
width:100%;
}
div.floatright
{
float: right;

}
.noprint
{
display:none;
}
div.incidentactions
{   margin:0; 
    display:none;
    visibility:collapse;  
    height:0px;
}   
div.incidentmenu
{
    margin:0; 
    display:none;
    visibility:hidden; 
    height:0px;
}     
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - Paragraph styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
p.maincontent
{

font-size: 12px;
}
p.boxtext
{

    font-size:14px;
    background-color: white;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px; 
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;
    height:auto; 
    color:Black;
 
 
}
p.boxtextnopad
{

    font-size:14px;
    background-color: white ;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:2px; 
    vertical-align:middle;
    height:auto;  
 
}
p.narrowmargin
{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px; 
    font-size:11px;
    font-weight:bold;   
}
       
p.input
{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px; 
}
p.footer
{
    margin-left:10px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:2px; 
    color:Black;
}

p.advertattributes
{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px; 
    font-size:12px;
    font-weight:bold;  
     color:Black; 
}

p.adverttext
{
    margin-left:0px;
    margin-top:2px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px; 
    font-size:14px;
    line-height:18px;
    color:Black;
    
}
p.photocaption
{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px;
    font-size:10px;  
       }
p.hidden
{
display:none; 
    
}
p.contactbold
{
    font-size:12px;
    font-weight:bold;      
    padding-top:3px;
    padding-bottom:4px;
    padding-left:0px;
     margin-top:2px;
    margin-bottom:2px;
    vertical-align:middle;
    width:100%;
     color:Black;
  

    
}
p.contact
{
    font-size:12px;
    padding-top:3px;
    padding-bottom:4px;
    padding-left:5px;
    margin-top:2px;
    margin-bottom:2px;
    vertical-align:middle;
    width:100%;
}
p.address
{
margin-top:2px;
margin-bottom:2px;
margin-left:10px;
font-size:10px;
}
p.addresstop
{
margin-top:20px;
margin-bottom:2px;
margin-left:10px;
font-size:10px;
}
p.blue
{
background-color: white;
width:100%;
color:Black;
padding-top:5px;
padding-bottom:5px;
margin:0px;
}
p.bluemargin
{
background-color: white;
width:100%;
color:Black;
padding-top:5px;
padding-bottom:5px;
margin:2px 0px 0px 0px;

}
p.toptext
{
   font-size:14px;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
    line-height:20px;
    padding-left:5px; 
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:middle;
    height:auto; 
    font-weight:bold; 
     color:Black; 
}
p.blueemphsis
{
    margin:0px;
    padding-top:2px;
    font-size:11px;
    font-weight: bold;
    color:Black;
 
}
p.bluetitle
{

    background-color:white ;
    font-size:16px;
    font-weight: bold;
    color:Black;
    padding-top:10px;
    padding-bottom:5px;
    padding-left:5px; 
    margin-top:5px;
    margin-bottom:2px;

 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - Headings

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1.pagetitle{ 
	font-family:Garamond;
	font-size:72px;
	font-weight: bold;
	font-style:italic;  

	margin-top:0px;
	margin-bottom:0px;
	background-color:white;
    width: 649px;
     color:Black;
}
	
h3.boxtext
{

    font-size:14px;
    font-weight:bold;      
    background-color: white ;

    border-bottom:thick;
    border-bottom-color:white;
    border-bottom-style:solid;
    margin-top:5px;
    margin-bottom:5px;
    vertical-align:middle;
    height:auto;  
  
}
h3.narrowmargin
{
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:0px;
     color:Black; 
       }
h3.adverttext
{
    font-size: 12px;
     margin-left:10px;
      color:Black;
}
h3.advertheadline
{
    color: black;
    font-size: 13px;
    margin-top:0px;
    padding-bottom:0px;
    padding-bottom:0px;
    padding-top:0px;

}
h3.roomprice
{
    font-size: 18px;
    margin-top:0px;
    background-color:white ;
    padding-bottom:2px;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
     color:Black;
}
h3.advertstatus
{
    font-size: 14px;
    margin-top:0px;
     margin-right:5px;
    padding-bottom:1px;
    padding-top:1px;
    padding-left:5px;
    padding-right:5px;
}
h2.title
{
    font-size: 16px;
    margin-top:0px;
    margin-bottom:0px;    
   color :Black;
}
h3.pagetitle
{

    background-color:white ;
    font-size:16px;
    font-weight: bold;
    color:Black;
    padding-top:10px;
    padding-bottom:5px;
    padding-left:5px; 
    margin-top:5px;
    margin-bottom:2px;

 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - Links

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a:active {font-size:10px;  color:Black; text-decoration:underline;padding-left: 0px;}
a:link {font-size:10px;color:Black;text-decoration:underline;padding-left: 0px;}
a:visited {	font-size:10px;color:Black;text-decoration:underline;padding-left: 0px;}
a:hover {font-size:10px;color:orange;text-decoration:underline;padding-left: 0px;}

a.contact:active {font-size:12px; font-weight:bold;background-color:white;color:Black; text-decoration:underline;padding-left: 0px;padding-bottom: 3px;padding-right: 0px;}
a.contact:link {font-size:12px;font-weight:bold; background-color: white  ;color:Black;text-decoration:underline;padding-left: 0px;padding-bottom: 3px;padding-right: 0px;}
a.contact:visited {	font-size:12px;font-weight:bold;background-color:white ;color:Black;text-decoration:underline;padding-left: 0px;padding-bottom: 3px;padding-right: 0px;}
a.contact:hover {font-size:12px;font-weight:bold;background-color: white  ;color:orange;text-decoration:underline;padding-left: 0px;padding-bottom: 3px;padding-right: 0px;}

a.login:active {font-size:11px; background-color:white;color:White;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:0px;margin:0px;  text-decoration:underline;}
a.login:link {font-size:11px; background-color:white;color:White;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:0px;margin:0px;text-decoration:underline;}
a.login:visited {	font-size:11px;background-color:white;color:White;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:0px;margin:0px;text-decoration:underline;}
a.login:hover {font-size:11px;background-color:white;color:orange;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:0px;margin:0px;text-decoration:underline;}

a.blueemphasis:active {font-size:11px;font-weight: bold; color:Black;background-color:White;text-decoration:underline; margin-left:0px;margin-right:5px;padding-left:0px;}
a.blueemphasis:link {font-size:11px;font-weight: bold; color:Black; background-color:White;text-decoration:underline;margin-left:0px;margin-right:5px;padding-left:0px;}
a.blueemphasis:visited {font-size:11px;font-weight: bold;color:Black;background-color:White;text-decoration:underline; margin-left:0px;margin-right:5px;padding-left:0px;}
a.blueemphasis:hover {font-size:11px;font-weight: bold;color:Black; background-color:White;text-decoration:underline;margin-left:0px;margin-right:5px;padding-left:0px;}

a.adminmenu:active {font-size:11px; font-weight:normal;background-color:White; color:Black; text-decoration:underline;padding-left:5px;padding-bottom:3px;padding-right:0px;}
a.adminmenu:link {font-size:11px;font-weight:normal; background-color:White;color:Black;text-decoration:underline;padding-left:5px;padding-bottom:3px;padding-right:0px;}
a.adminmenu:visited {font-size:11px;font-weight:normal;background-color:White;color:Black;text-decoration:underline;padding-left:5px;padding-bottom:3px;padding-right:0px;}
a.adminmenu:hover {font-size:11px;font-weight:normal;background-color:White;color:orange;text-decoration:underline;padding-left:5px;padding-bottom:3px;padding-right:0px;}

a.footer:active {font-size:10px;color:Black;text-decoration:underline;padding-left: 0px;}
a.footer:link {font-size:10px;color:Black;text-decoration:underline;padding-left: 0px;}
a.footer:visited {font-size:10px;color:Black;text-decoration:underline;padding-left:0px;}
a.footer:hover {font-size:10px;color:orange;text-decoration:underline;padding-left:0px;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - Images

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img.logo
{
    height:81px;
    width: 900px;
    margin-left: 0px;
}
img.mainroomphoto
{
    width:200px;
    border:solid 1px #666666;
    color: Black;
    }
    
img.defaultroomphoto
{
    width:170px;
    border:solid 1px #666666;
    color: Black;
    }
img.advertphoto
{
    width:99%;
    border:solid 1px #666666;
    margin-left:0px;
    margin-right:0px;
    color: Black;
    }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - iFrames

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/    
iFrame.googlemap
 {
 width:230px;
 height:400px;
 margin-left:0px;
 margin-top:5px;
 } 
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - HR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
hr.advertdivider
{
    line-height: normal;
 
    color: black; 
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS - Map Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.mappopup{color:black;font-size:14px;font-family:Arial;font-weight:bold;}
.mapprice
{
    font-size:14px;font-family:Arial;font-weight:bold;
   background-color:white ;
   color:black;
}



#map_canvas
{
 width: 675px;
 height: 600px;
 margin:0 0 0 5px;
}

.pagebreak
{
font-size:12px;
color:black;
border-style:None;
font-weight:bold;
height:25px;
white-space:nowrap;
page-break-before: always;
vertical-align:middle;
}

#room_map
{
width:98%;
height:350px;
margin-left:0px;
margin-top:5px;
}

