and
tags create line breaks, otherwise it won't */
width: 207px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 38px;
padding-right: 15px;
background-image: url("pics/bodyRight.gif");background-repeat:repeat-y;
}
#navImages {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 207px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
#villaRentalsPageDesc {
float:left;
text-align:justify;
width: 420px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 30px;
padding-top: 0px;
}
#bookingsTop {
text-align:justify;
height:12px;
width: 420px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
background-image: url("pics/bookingsTop.gif");background-repeat:no-repeat;
}
#bookingsMiddle {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 390px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: 0px;
background-image: url("pics/bookingsBackground.gif");background-repeat:repeat-y;
}
#bookingsBottom {
height:12px;
text-align:justify;
width: 420px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
background-image: url("pics/bookingsBottom.gif");background-repeat:no-repeat;
}
#villaRentalsPageFacts {
float:right;
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 210px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
#villaReviewByEditorTop {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 210px;
height:13px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background-image: url("pics/villaReviewBubbleTop.gif");background-repeat:repeat-y;
}
#villaReviewByEditorMiddle {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
font-size: 13px;
line-height:17px;
width: 180px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
background-image: url("pics/villaReviewBackground.gif");background-repeat:repeat-y;
}
#villaReviewByEditorBottom {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 210px;
height:13px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background-image: url("pics/villaReviewBubbleBottom.gif");background-repeat:repeat-y;
}
#villaInfoTop {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 180px;
height:25px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
padding-bottom:0px;
background-image: url("pics/villaInfoTop.gif");background-repeat:repeat-y;
}
.villaInfoMiddleHeader {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
font-size: 13px;
line-height:17px;
width: 180px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
background-image: url("pics/villaInfoHeaderBackground.gif");background-repeat:repeat-y;
}
.villaInfoMiddle {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
font-size: 13px;
line-height:17px;
width: 180px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
background-image: url("pics/villaInfoBackground.gif");background-repeat:repeat-y;
}
.villaInfoMiddle td {
vertical-align:top;
}
#villaInfoBottom {
display: block; /* makes it so that
and
tags create line breaks, otherwise it won't */
width: 210px;
height:12px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
background-image: url("pics/villaInfoBottom.gif");background-repeat:repeat-y;
}
.largerImages {
font-family: arial; font-style: normal; font-weight: normal; font-size: 14px; color: #0e2046; margin:0px; letter-spacing: 0px;
position:relative;
top:-10px;
width: 207px;
border:0px;
margin: 0px auto;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
text-align:center;
}
.photos { font-family: arial; font-style: normal; font-size: 16px; font-weight:bold; color: #0b204c; position:relative; top:10px;}
div.topMenuWide a {
float:left;
width: 185px;
position: relative;
z-index: 4;
vertical-align:middle;
display: block;
font-size: 14px;
line-height: 60px;
color: #8a8a8a;
letter-spacing: 0px;
text-decoration:none;
padding: 0px 0px; /* the first px is for vertical padding of the text inside the box, second figure horizontal padding from left and right hand side of box*/
margin:0px;
}
div.topMenuWide a:hover {color:#222222; font-size:14px; background:none; z-index:50; background:#eeeeee;}
div.topMenu a {
float:left;
width: 105px;
position: relative;
z-index: 4;
vertical-align:middle;
display: block;
font-size: 14px;
line-height: 60px;
color: #8a8a8a;
letter-spacing: 0px;
text-decoration:none;
padding: 0px 0px; /* the first px is for vertical padding of the text inside the box, second figure horizontal padding from left and right hand side of box*/
margin:0px;
}
div.topMenu a:hover {color:#222222; font-size:14px; background:none; z-index:50; background:#eeeeee;}
div.topMenu span{ /*CSS for enlarged image*/
text-align:left;
position: absolute;
color: #474747;
letter-spacing: 0px;
line-height: 16px;
background-color: #f1f5fc;
padding: 8px;
top: 70px;
left: -10px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
width: 160px;
height: 70px;
}
div.topMenu span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
div.topMenu:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
color: #000000;
font-weight:normal;
opacity:0.90;
filter:alpha(opacity=95);
font-size:12px;
top: 70px;
left: -10px; /*position where enlarged image should offset horizontally */
}
div.menu {
width: 207px;
padding:0px;
margin:0px;
display: block;
}
div.menuText {
width: 185px;
padding:5px 10px;
margin:0px;
display: block;
background:#f1f5fc;
border-top:0px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-bottom:0px;
}
div.menu a {
display: block;
background:#f1f5fc;
font-size: 11px;
line-height: 21px;
font-family:arial;
color:#3d3e41;
text-decoration:none;
border-top:0px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-bottom:0px;
padding: 5px 10px; /* the first px is for vertical padding of the text inside the box, second figure horizontal padding from left and right hand side of box*/
margin:0px;
width: 185px;
}
div.menu a:hover {background:#c0d3f2;color:#3B3A3D; }
div.menuLine {
width: 207px;
height:1px;
padding:0px;
margin:0px;
display: block;
background-image: url("pics/borderLine.gif");background-repeat:no-repeat;
}
div.menuTop {
width: 207px;
height:10px;
margin-top:40px;
padding:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
display: block;
background-image: url("pics/topMenu.gif");background-repeat:no-repeat;
}
div.menuBottom {
width: 207px;
height:9px;
padding:0px;
margin:0px;
display: block;
background-image: url("pics/bottomMenu.gif");background-repeat:no-repeat;
}
div.villaPhotos {
background:#FFFFFF;
padding:0px;
margin:0px;
display: block;
text-align: left;
width:660px;
}
div.villaPhotos a {
display: block;
background-color:#FFFFFF;
font-size: 12px;
vertical-align:middle;
line-height: 25px; /* Line height helps the vertical-align have something to reference to, since the DIV height itself cannot be used with vertial-align */
color:#0093e3;
text-decoration:none;
border-top:0px solid #717384;
border-left: 0px solid #717384;
border-right: 0px solid #717384;
border-bottom:0px solid #717384;
height: 170px; /* I have to subtract the padding amount from the width - or it will push the DIV past the bottom of the table */
padding-top: 10px; /* I have to subtract this amoutn from the height of the DIV so it does not push past the bottom (155 height + 25 padding = desired 180px height */
padding-left: 25px; /* I have to subtract this amoutn from the height of the DIV so it does not push past the bottom (180 height + 20 padding = desired 200px height */
padding-bottom: 0px; /* I have to subtract this amount from the height of the DIV so it does not push past the bottom (155 height + 20padding = desired 200px height */
width: 635px;
margin:0px;
}
div.villaPhotos a:hover {font-weight: normal; background:#E9F1F9;color:#001441;}
/* --------------------------------------------------- */
/* CRITICALLY IMPORTANT NOTE */
/* */
/* If putting a popup link inside another DIV tag, */
/* you MUST NOT SET (you *must* exclude) the */
/* postion:relative and position:absolute from */
/* the first DIV (the one in which the popup will be */
/* nested). If you don't leave them out Explorer will */
/* display the pop up behind the DIV layer. */
/* */
/* --------------------------------------------------- */