@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #696B5A; 
	background: url(img/bg2.gif) repeat-x #42492B;
	text-align: center;
}


a:link {
	color: #9E8A3A;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #9E8A3A;
}
a:hover {
	text-decoration: underline;
	color: #0000CC;
}
a:active {
	text-decoration: underline;
	color: #0000CC;
}






img {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clear-both {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
	width: 1px;
}

#container {
	padding: 0px;
	width: 770px;
	background-image: url(img/body-bg.gif);
	background-repeat: repeat-y;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top{
	width:770px;
	margin:auto;
}
#logo2{
	float:left;
	width:535px;
	height:157px;
	padding:0 0 0 3px;
	background:url(img/topbg.html) repeat-x;
}
#header-photo2 {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 222px;
	height: 157px;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;	
}

#header-left {
	padding: 0px;
	float: left;
	width: 529px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
}
#header-left {
	margin-left: 0px;
	padding-left: 9px;
}

#header-left #logo {
	margin: 0px;
	padding: 0px;
	height: 134px;
	width: 529px;
}
#header-left #flash {
	margin: 0px;
	padding: 0px;
	height: 232px;
	width: 529px;
	background-image: url(img/flash_dots_background_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


#header-right {
	padding: 0px;
	float: right;
	width: 222px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#header-right {
	margin-right: 0px;
	padding-right: 9px;
}


#header-photo {
	margin: 0px;
	padding: 0px;
	width: 222px;
	height: 157px;
}
/* New menu system */
.mainwindow {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	word-spacing: normal;
	background-color: #d9cd99;
	font-weight: bold;
	

	
	
}

.buttonup {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #8f7117;
	text-decoration: none;
	background-color: #d9cd99;
	background: url('http://www.charlotte-jane.co.nz/img/menu-up.gif');
	border-color: #dae6e0;
	text-align: left;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 15px;
	padding-left: 40px;
	padding-bottom: 4px;
	padding-top: 4px;
}
.buttonup A, .buttonup A:hover, .buttonup A:visited, .buttonup A:active {
	COLOR: #8f7117;
	TEXT-DECORATION: none;
	height: 15px;
	padding-left: 40px;
}
.buttonover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	color: #8f7117;
	text-decoration: none;
	background: url('http://www.charlotte-jane.co.nz/img/menu-over.gif');
	text-align: left;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	height: 15px;
	padding-left: 40px;
	padding-top: 4px;
	padding-bottom: 4px;
	
}
.buttonover A, .buttonover A:hover, .buttonover A:visited, .buttonover A:active {
	COLOR: #8f7117;
	TEXT-DECORATION: none;
	height: 15px;
	padding-left: 40px;
}






/* End new menu system */
#navi {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #816c34; 
	
	padding: 0px;
	width: 222px;
	background-color: #D9CD99;
	height: 232px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	
}
#navi ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navi ul {
	padding-top: 0px;
}
#navi li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 29px;
}
#navi li {
	margin:0;
	padding:0;
	margin-bottom: 0px;
	height: 25px;
}

#navi a {
	margin: 0px;
	padding: 0px;
	display: block;
}

#header #pattern {
	margin: 0px;
	width: 770px;
	padding: 0px;
}

#header #patternbottom {
	margin: 0px;
	width: 770px;
	padding: 0px;
}


#container #contents {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#single-col {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#single-col2 {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#single-col2 img{
	display:inline;
}
.single-col-text {
	padding: 0px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 25px;
	text-align: justify;
}
.single-col-text-accommo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 10px;
	margin-left: 45px;
	text-align: justify;
}
.single-col-text-accommo2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 45px;
	margin-bottom: 10px;
	margin-left: 45px;
	text-align: justify;
}
.single-col-text-accommo2 img {
	display:inline;
}

.single-col-text-flags {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 25px;
	
	font-size:10px;
}
#left-col {
	padding: 0px;
	width: 376px;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
}
#left-col2 {
	text-align:justify;
	padding: 0px;
	width: 354px;
	float: left;
	margin-top: 1px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 9px;
}
#left-col {
	margin-left: 0px;
	padding-left: 9px;
} 
#left-col-map {
	padding: 0px;
	width: 374px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	border: 1px solid #D4D0C8;
	height: 465px;
}
#left-col-map {
	margin-left: 5px;
	padding-left: 0px;
}

#left-col-suites {
	padding: 0px;
	width: 355px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 24px;
	border: 1px solid #D4D0C8;
	background-color: #F8F5ED;
}
#left-col-suites {
	width: 352px;
	margin-left: 12px;
	padding-left: 0px;
}
.img-margin {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
.img-nomargin {
	margin: 0px;
	padding: 0px;
}

#right-col {
	padding: 0px;
	float: right;
	width: 374px;
	margin-top: 1px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* #right-col {
	margin-right: 5px;
	padding-right: 0px;
} */

#right-col-images {
	margin-right: 5px;
	padding: 0px;
	float: right;
	width: 376px;
}

#left-col-images {
	margin-right: 5px;
	padding-right: 0px;
}
#right-col-suites {
	padding: 0px;
	float: right;
	width: 355px;
	margin-top: 10px;
	margin-right: 24px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #D4D0C8;
	background-color: #F8F5ED;
}
#right-col-suites {
	width: 352px;
	margin-right: 13px;
	padding-right: 0px;
}

.col-text {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: justify;
}
.col-textnews {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 25px;
	text-align: justify;
}
.col-text-rest {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
	text-align: justify;
}

.col-text-r {
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: justify;
}
.col-text-s {
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: justify;
}
.col-text-r-s {
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: justify;
}



.col-text-left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: justify;
}




#other-h1 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	font-size:20px;
	font-weight:bold;
	color:#696b5a;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.suite-top-h1{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	font-size:20px;
	font-weight:bold;
	color:#696b5a;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
	font-size:22px;
	font-weight:bold;
	color:#696b5a;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.h2-right {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}

.h3-right {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 12px;
}

.h2-left {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.h3-left {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 12px;
}
.h3-left-r {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	font-size: 12px;
}
.h3-left-accommo {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 45px;
	font-size: 12px;
}
h4{
	margin:2px 0 9px 5px;
}
.four-photos {
	padding: 0px;
	width: 722px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.four {
	margin: 0px;
	padding: 0px;
	float: left;
}
.two-photos {
	padding: 0px;
	width: 722px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.two {
	margin: 0px;
	padding: 0px;
	float: left;
}

.gap {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 1px;
	width: 1px;
}
#rate-box {
	margin-right: 24px;
	margin-left: 24px;
	border: 1px solid #D4D0C8;
	background-color: #F8F5ED;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 5px;
}

#rate-box-accommo {
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #D4D0C8;
	background-color: #F8F5ED;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 5px;
}



#rate {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#rate dt {
	font-weight: bold;
	display: block;
	clear: left;
	float: left;
	padding: 0px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 11px;
}
#rate dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 11px;
}

#conf-rate {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#conf-rate dt {
	font-weight: bold;
	/* display: compact; */
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: x-small;
}
#conf-rate dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.col-text-left a {
	color: #666666;
	text-decoration: underline;
}
.col-text-left a:hover {
	color: #000099;
	text-decoration: underline;
}

.chch-list {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.chch-list li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contact-list {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#contact-list dt {
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#contact-list dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#contact-list a {
	color: #666666;
	text-decoration: underline;
}
#contact-list a:hover {
	color: #0000CC;
	text-decoration: underline;
}

.enquire {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 45px;
}
.enquire a {
	color: #666666;
	text-decoration: underline;
}
.enquire a:hover {
	color: #0000CC;
	text-decoration: underline;
}

.img-map {
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#enq-form {
	padding: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.enquiry_width {
	width: 260px;
}


#footer-table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
	
	
}







#container #footer {
	background-image: url(img/footer-bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#footer #distance-currency {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#distance-currency img {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#distance {
	padding: 0px;
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 155px;
}

#distance {

	margin-left: 80px;
}

#currency {
	padding: 0px;
	float: left;
	width: 170px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 105px;
}
#footer #cantact-bar {
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#cantact-bar p {
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	background-color: #446444;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-size: 11px;
}
#cantact-bar a {
	text-decoration: none;
	color: #FFFFFF;
}
#cantact-bar a:hover {
	color: #0000CC;
	text-decoration: underline;
}

#footer #footer-info {
	width: 770px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin: 0px;
}
#footer-info p {
	padding: 0px;
	font-size: 10px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#footer-info a {
	text-decoration: none;
	color: #696B5A;
}
#footer-info a:hover {
	color: #0000CC;
	text-decoration: underline;
}
#distance-a {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#distance-a {
	margin-right: 10px;
	margin-left: 10px;
}

#currency-a {
	padding: 0px;
	float: left;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bhl-a {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.small-footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


#boutique {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}


#quality {
	margin: 0px;
	padding: 0px;
	float: left;
}
#wah {
	margin:0 0 0 20px;
	padding: 0px;
	float: left;
}
.two-photos-rest {
	padding: 0px;
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.label {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.two .img-small {
	padding: 0px;
	margin-top: 0px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 19px;
	border: 1px solid #666666;
}
"img/dot.gif"