CSS - http://www.lockwoodmanormotel.co.nz/

    * Collapse All
    * Expand All

http://www.lockwoodmanormotel.co.nz/
http://static.lockwoodmanormotel.co.nz/gems/styles.css

CSS - http://www.lockwoodmanormotel.co.nz/

    * Collapse All
    * Expand All

http://www.lockwoodmanormotel.co.nz/
http://static.lockwoodmanormotel.co.nz/gems/styles.css

body {

  font: 11px verdana, arial, helvetica, sans-serif;

  color:#000000;

  background: #5f584b;

  margin: 0px;

  line-height: 150%;

  }



p, li, ul, dd, td {

  font: 11px verdana, arial, helvetica, sans-serif;

  color:#000000;

  line-height: 150%;

  }

 

a {

  font: 11px verdana, arial, helvetica, sans-serif;

  color:#3a7ca6;

  text-decoration: underline;

  }

  

a:hover {

  color:#69A4CB; 

  text-decoration:underline;

  }



h1 {

  font: 16px verdana, arial, helvetica, sans-serif;

  padding-bottom: 6px;

  color: #3a7ca6;

  line-height: 120%;

  letter-spacing: 0.2em;

  font-weight: bold;

  }



h2 {

  font: 14px verdana, arial, helvetica, sans-serif;

  padding-bottom: 6px;

  color: #3a7ca6;

  line-height: 120%;

  letter-spacing: 0.2em;

  font-weight: bold;

  }



#accommodation {

  color: #78a0bb;

  padding-left: 23px;

  vertical-align: middle;

  height: 30px;

  background: url(http://203.86.194.7/Sites/marineland/images/marineland-accommodation.gif) top left no-repeat;

  }

  

#pagebody {

  width: 777px;

  align: center;

  }



#navbar {

  background: url(http://203.86.194.7/Sites/lockwood/images/menustuff.jpg) top left no-repeat;

  color: #ffffff;

  height: 29px;

  line-height: 29px;

  vertical-align: middle;

  padding-left: 10px;

  }

#navbar a {

  font-size: 11px;

  color: #ffffff;

  text-decoration: none;

  padding: 0px 10px 0px 10px;

  }

#navbar a:hover {

  font-size: 11px;

  color: #69A4CB;

  text-decoration: none;

  padding: 0px 10px 0px 10px;

  }



#active {

  font-size: 11px;

  color: #ffffff;

  text-decoration: none;

  padding: 0px 10px 0px 10px;

  font-weight: bold;

  }

  

#content {

  padding: 20px;

  background: #ffffff;

  vertical-align: top;

  text-align: left;

}



#content a:hover {

  color: #69A4CB;

  text-decoration: underline;

  }



#rightcol {

  padding: 10px;

  background: #ffffff;

  vertical-align: top;

  text-align: center;

}



#footer {

  color: #403c33;

  font-size: 11px;

  height: 98px;

  background: #c4beb5 url(http://203.86.194.7/Sites/lockwood/images/base.jpg) top right no-repeat;

  padding-left: 20px;

  padding-top: 5px;

  }

#footer a {

  color: #3a7ca6;

  text-decoration: underline;

  font-size: 11px;

  }

#footer a:hover {

  color: #ffffff;

  text-decoration: underline;

  }

  

#footerlinks {

  color: #3a7ca6;

  font-size: 11px;

  }

#footerlinks a {

  color: #76a6c4;

  text-decoration: underline;

  font-size: 11px;

  }

#footerlinks a:hover {

  color: #76a6c4;

  text-decoration: underline;

  }

  

#dpFooter {

  font-size: 10px;

  color: #295b7b;

  font-weight: normal;

  text-align: center;

  }

#dpFooter a {

  font-size: 10px;

  color: #295b7b;

  text-decoration: none;

  text-align: center;

  line-height: 25px;

  }

#dpFooter a:hover {

  font-size: 10px;

  color: #477796;

  text-decoration: none;

  text-align: center;

  }



#searchbaritemstable {

  background: #e0e8ed;

  border: 1px solid #3a7ca6;

  }

#bookingheader {

  height: 20px;

  line-height: 20px;

  background: #cb409d;

  padding: 0px 0px 0px 8px;

  color: #ffffff;

  font-weight: bold;

  }

#searchbaritems {

  padding:5px 0px 5px 3px;

  color: #948278;

  font-size: 11px;

  height: 18px;

  line-height: 18px;

  vertical-align: middle;

  }

#searchbaritems input { 

  width: 80px; 

  height: 20px;

  line-height: 20px;

  font: 11px verdana, arial , helvetica, sans-serif;

  background-color: #ffffff; 

  color: #8d6c68; 

  border: 1px solid #284279; 

  }

#searchbaritems select { 

  font: 11px verdana, arial , helvetica, sans-serif;

  background-color: #ffffff;

  color: #506920; 

  border: 1px solid #284279;

  height: 18px;

  }
  
  #bookingbox {

  background: #dcd9d3 url(http://static.lockwoodmanormotel.co.nz/images/booking_bg.gif) left top repeat-x;

  width: 220px;

  padding: 4px;

  border: 2px solid #99907f;
  
  vertical-align: middle;
  margin: 0 auto;
  }

#bookingbox td {

  padding: 2px;

  }

#bookingbox select {

  margin: 5px;

  }

#bookingbox h3 {

  margin: 0;

  padding: 5px 0 12px 0;

  color: #ffffff;

  }


  

.imageborder {

  border: 2px solid #b9cfe5;

  margin-left: 10px;

  }

  

.imageright {

  float: right;

  align: right;

  margin: 1px 0px 5px 15px;

  border: 2px solid #b9cfe5;

  }

  

.imageleft {

  float: left;

  align: left;

  margin: 1px 15px 5px 0px;

  border: 2px solid #b9cfe5;

  }



.imagecentre {

  display: block;

  margin-left: auto;

  margin-right: auto;

  border: 2px solid #b9cfe5;

  }



#newsbox, p#newsbox{

  background-repeat: repeat-y;

  display:block; 

  margin-left: auto; 

  margin-right: auto; 

  width:183px; 

  border:0 

  line-height: 130%; 

  color: #403c33; 

  font-size: 11px; 

  height:65px; 

  }



#gallerypage img {

  float: left;

  margin: 0 6px 6px 0;

  }

  

.newsboxcontent, p.newsboxcontent{

  background: #978e7d url(http://203.86.194.7/Sites/lockwood/images/newscolumn.jpg) top left repeat-y;

  background-repeat: repeat-y;

  padding:5px;

  width:173px; 

  border:0 

  line-height: 130%; 

  color: #403c33; 

  font-size: 11px; 

  min-height: 173px;

  }



.newsboxcontent:after{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.newsboxcontent a, a:hover{

    color : #ffffff; 

}



.teenytext {font-size: 10px; color: #000000; font-weight: normal; }

http://static.lockwoodmanormotel.co.nz/gems/calendar.css

/*

*  Bazillyo's Spiffy Popup Calendar Styles v1.5 Copyright S. Ousta

*/

#spiffycalendar {

/*

	width: 185px;

	height:130px;

*/

	width: 220px;

	height:130px;

	left: 0px;

	top: 0px;

	background-color: black;

	position: absolute;

	visibility: hidden;

}



.cal-SymbolBtn {

	font-family: Webdings;

	font-size: 8pt;

	outline-style : none;

	outline-width: 0px;	

    color: white;

}



.cal-BtnLink {

	outline-style : none;

	outline-width: 0px;

}



.cal-Next {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 12pt;

    font-weight: 600;

    text-decoration: none;

    color: #ffffff;

    background-color: transparent;

	

}



.cal-Next:hover {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 12pt;

    font-weight: 600;

    text-decoration: none;

    color: #0a334d;

    background-color: transparent;

	

}



a.cal-DayLink {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

    color: #180040;

    background-color: transparent;

	

}

a.cal-DayLink:hover {

    font-family: Verdana, Arial, sans-serif;

    font-size: 8pt;

    font-weight: bold;

    text-decoration: none;

    background-color: transparent;

    color: #282F81;

	

}

a.cal-DayLink:active {

   font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

    background-color: transparent;

    color: #0066FF;

	

}

.cal-TextBox{

    color: Black;

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    background-color: #FFFFFF;

}



.cal-TextBoxInvalid{

    color: #660000;

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

	border-color: Red;

	border-style:solid;

}



.cal-TextBoxDisabled{

    color: #808080;

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

	border-color: silver;

	border-style:solid;

    background-color: #ffffff;

}





.cal-ComboBox{

    color: Navy;

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    background-color: #ffffff;

}



.cal-Today {

    font-family: Verdana, Arial, sans-serif;

    font-size: 8pt;

    font-weight: bold;

    text-decoration: none;

    color: #000066;

    background-color: transparent;

}



.cal-Day {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

    color: black;

    background-color: transparent;

}





a.cal-TodayLink {

    font-family: Verdana, Arial, sans-serif;

    font-size: 8pt;

    font-weight: bold;

    text-decoration: none;

    color: #000066;

    background-color: transparent;

}

a.cal-TodayLink:hover {

    font-family: Verdana, Arial, sans-serif;

    font-size: 8pt;

    font-weight: bold;

    text-decoration: none;

    background-color: transparent;

    color: #282F81;

}

a.cal-TodayLink:active {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: bold;

    text-decoration: none;

    background-color: transparent;

    color: #0066FF;

}



.cal-GreyDate {

    font-family: Verdana,  Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

	background-color: #e0e8ed;

    color: #0B1054;

}



.cal-GreyInvalidDate {

    font-family: Verdana, Arial, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: line-through;

	background-color: #C2D6EA;

    color: #999999;

}



.cal-DayCell {

    font-family: Verdana, Arial, sans-serif;

    font-size: 10pt;

    width=20pt;

    height=20pt;

	font-weight: normal;

	background-color:White;

}



.cal-HeadCell {

    font-family: Verdana, Arial, sans-serif;

    font-size: 10pt;

    font-weight: bold;

	color: white;

	background-color: #3a7ca6;

}



.cal-DayNameCell {

    font-family: Verdana, Arial, sans-serif;

    font-size: 10pt;

    font-weight: bold;

	color: #ffffff;

    width=20pt;

    height=20pt;

	background-color: #3a7ca6;

}



.cal-Table{

	border-top-color: #0a334d;

	border-left-color: #0a334d;

	border-right-color: #0a334d;

	border-bottom-color:  #0a334d;

	background-color: #0a334d;

	border-width:4px;

	border-style: solid;

	

}


http://203.86.194.7/Gems/support/lightbox.css

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://203.86.194.7/Images/support/prevlabel001.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://203.86.194.7/Images/support/nextlabel001.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }