* {
margin:0;
padding:0;
border:0;
}

html {
overflow: -moz-scrollbars-vertical;
}

body {
background: url(http://bishopsinn.co.za/en/accommodationportelizabeth.gif);
background-repeat:repeat;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
line-height: 1.6em;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #333;
font-family: Georgia, Times, serif;
}

#wrapper {
width:640px;
margin:0 auto;
}

#masthead {
height: 117px;
}

#logo, #login {
float:left;
}

#navbar {
background: url(images/navbar.png);
height:30px;
width:940px;
margin-bottom:10px;
}

#navbar ul li { float: left; display: inline;margin:5px 6px;}
#navbar ul a { display: block; font-family: Trebuchet MS,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: bold; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(255, 255, 255); text-transform: uppercase; }
#navbar ul a { padding: 2px 7px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; }
#navbar ul a:focus, #navbar ul a:active, #navbar ul a:hover { background-color:#457118; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

.active { background-color:#457118; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; }

#navbar a:link {
color: #FFF;
text-decoration:none;
}
#navbar a:visited{
color: #FFF;
text-decoration:none;
}
#navbar a:hover{
color: #FFF;
text-decoration:none;
}
#navbar a:active{
color: #FFF;
text-decoration:none;
}




#carousel {
width:648px;
float:left;
margin-top:5px;
}
#carouseltext {
clear:both;
text-align: center;
border-bottom: 1px solid #B9D86C;
padding-bottom:20px;
font-size:1.4em;
color: #457118;
font-style: italic;
margin-bottom:20px;
padding-top:10px;
}

#content {
width:630px;
float:left;
font-size:1.25em;
line-height:130%;
}
#content p{
margin-bottom:10px;
padding-right:20px;

}
#content {
width:630px;
float:left;
font-size:1.25em;
line-height:130%;
}

#sidebar {
width:300px;
float:left;
padding-left:10px;
}
#sidebar h3 {
font-weight:normal;
letter-spacing:1px;
font-size:1.1em;
text-align:center;
margin-bottom:3px;
text-transform:uppercase;
}
#sidebar p{
padding: 0 10px;
margin-bottom:4px;
line-height:130%;
font-family:Trebuchet MS, Arial, Helvetica;
}
.spacer {
margin-left:50px;
}

#footer {
clear:both;
float:left;
width:640px;
border-top: 1px solid #eee;
margin-top:20px;
padding:15px 0;
font-family: Trebuchet MS;
}

a:link {
color:#369;
text-decoration:none;
}
a:visited{
color:#369;
text-decoration:none;
}
a:hover {
color:#E64A00;
text-decoration:none;
}
a:active{
color:#E64A00;
text-decoration:none;
}

h1 {color:#457118;
font-weight:normal;
font-size:2.6em;
margin:16px 0 20px 0;
letter-spacing:-2px;
text-align:center;}

h2 {
font-weight:normal;
font-size:1.1em;
color: #619D1C;
line-height:130%;
font-style:italic;
margin:10px 0 15px 0;
padding-right:30px;
}

#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}


.buttons span{cursor:pointer;}
.thumbs{
	width:648px;
}
.thumbs div{
	display:block;
	width:648px;
	height:411px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.mask2{
	position:relative;
	width:648px;
	height:411px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}

#previous {
float:left;
width:145px;
height: 411px;
}
#next {
float:left;
width:100px;
height: 411px;
}

#buttons {
display:none;
}

#centered {
width:880px;
margin:auto;
}

 .drop {
	float:left;
	color:#457118;
	font-size:3em;
	padding-top:12px;
padding-right:3px;
	} 

.samplepages {
margin-top:-5px;
color:#999;
text-transform: uppercase;
font-size:.7em;
margin-bottom:8px;
font-style:normal;
}

#sidebar a:hover, #content a:hover {
background:#FFC;
}

.byline {
text-transform: uppercase;
font-size:.8em;
letter-spacing:1px;
color:#999;
margin-top:40px;
}

em {
color: #619D1C;
padding: 0 20px;
}

#subform {
line-height:180%;
padding:10px 0 0 20px;
border: 1px dashed #DDD;
width:600px;
margin-top:20px;
}
#subform input {
border: 1px solid #DDD;
float:left;
padding:2px;
}
#subform textarea {
border: 1px solid #DDD;
float:left;
padding:2px;
}
#subform select {
border: 1px solid #DDD;
float:left;
padding:2px;
}
#subform label {
float:left;
width:180px;
text-align:right;
margin-right:8px;
margin-top:-3px;
}

#giftselect {
width:300px;
margin-left:190px;
margin-top:20px;
line-height:100%;
}
#giftselect label {
float:left;
width:20px;
padding-top:8px;
}
#giftselect input {
float:left;
}

.addsubmit {
margin-left:185px;
width:100px;
border:0;
}

.tighter {
line-height:120%;
font-size:.9em;
color:#999;
font-style:italic;
padding-bottom:5px;
margin-left:20px;
}

#subscriptionform_errorloc {
clear:both;
line-height:120%;
width:350px;
margin:0 auto;
padding-top:20px;
padding-bottom:10px;
color:#E64A00;
}
#subscriptionform_errorloc ul {
list-style:none;
}
.paynowbutton, .addsubmit {
background: #E64A00;
padding:2px;
color:#FFF;
-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px;
}

table, td{
	font:100% Trebuchet MS,Arial, Helvetica, sans-serif; 
}
table{border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:2px 8px;border:1px solid #fff;}
th{background:#87BB01;color:#fff;}

/* tablecloth styles */

tr.even td{background:#D5E7A6;}
tr.odd td{background:#f8fbfc;}

table {
margin-top:0;
}

#content h3{
margin-bottom:10px;
font-weight:normal;
}

#giftselect input {
margin:6px;
}

h4 {
font-weight:normal;
font-size:1.2em;
color:#457118;
}

.sendnow {
background: #E64A00;
padding:2px;
color:#FFF;
-moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px;
margin:10px 0 0 187px;;
}
.clearboth {
clear:both;
float:left;
margin-top:20px;
}

#giftrecipient {
clear:both;
}
#giftselect {
clear:both;
padding-top:20px;
}

p {text-align:center;}
h2 {text-align:center;}

#alert {clear:both;}