/* Kantara 2010 */


html{margin: 0; padding: 0;}
body{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #693333;
font-size:62.5%;
background: #f7f5ed;
background:url(images/kantara-guesthouse.png) no-repeat 5% 20px fixed;
}

/* If set body tag to 62.8%, then use EMs throughout. Result approximately as follows depending on different fonts 
1.0em = 10px
1.1em = 11px
1.2em = 12px 
 */

#beta-inner ul {list-style-image: url(images/list.gif); font-size:1.4em;}
#beta-inner li {font-size:1.3em; padding-left: 6px; font-style: italic; font-weight:bold; color:#990000;}
#tariff li {font-size:1.0em; padding-left: 6px;}

h2{font-size:1.7em; font-style: italic; font-weight:bold; color:#990000;}

a:link {font-weight:bold; color: #990000; font-size:0.9em;}
a:visited {font-weight:bold; color: #990000; font-size:0.9em;}
a:hover {font-weight:bold; color: #ff0000; font-size:0.9em;}
a:active {font-weight:bold; color: #003366; font-size:0.9em;}

.navlinks a:link {font-weight:normal; color: #990000; font-size:0.9em;}
.navlinks a:visited {font-weight:normal; color: #990000; font-size:0.9em;}
.navlinks a:hover {font-weight:normal; color: #ff0000; font-size:0.9em;}
.navlinks a:active {font-weight:normal; color: #003366; font-size:0.9em;}

#contact {font-size:1.3em;}
#contact:hover {font-size:1.3em; color: #003399; background-color: #0099ff;}

.imagesbor {border: 1px solid #990000;}

.cpm:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

p, li {font-size:1.25em;}



/* Enquiry Forms */


.returnlink {color: #333399;}
.formsender {font-size: 1.4em; font-weight: bold; padding:10px; margin:5px;}
.formthanks {font-size: 1.3em; margin:5px;}

.field {font-size: 1.3em; margin:5px;}

.wsm {margin:12px;width:350px;}
.disclaimer {margin:12px; font-size:1.3em; color: #000000;clear: both; text-align: left; padding-top:30px;}

#rivieraformwrapper {width:320px; margin:40px 5px 5px 16px;}
.rivieraform {float:left; padding:0 0px 0px 0px; background:#; border:0px dashed #cfcfcf;}
.rivieraform label {float:left; width:150px; padding:6px 10px 2px 0; font-weight:normal; color: #444444; font-size: 1.3em; }
.rivieraform .labeltextarea {float:left; width:150px; padding:6px 10px 4px 0; font-weight:normal; color: #444444;}
.rivieraform .labelselect {float:left; width:134px; padding:6px 10px 2px 0; font-weight:normal; color: #444444;}
.rivieraform select {background-color: #fffcef; float:left; width:146px; margin-top:4px; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color: #000000; border-width: 0px 0px; height:22px; width:124px;}
.rivieraform select option {background-color: #ffffee;}
.rivieraform select option.alt {background-color: #f3ebd2;}
.rivieraform input {float:left; margin-top:4px; padding-left:5px; background: #fffcef; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height:18px; width:260px;}
.rivieraform input.dates {padding-left:5px; background: #fffcef; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height: 18px; width:100px;}
.rivieraform textarea {float:left; padding-left: 5px; background: #e5e5e5; background-image: url(images/starformbg.gif); font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; border: 2px outset #ffffff; height:60px; width:260px;}
.rivieraform input.radio {height: 18px; width: 30px;}
.rivieraform input.checkbox {height:18px; width: 30px;}
.rivieraform .Briv {float:left; clear:both; margin: 4px 0px 2px 72px; background: #ff0000; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #eeffee; font-style:normal; border: 2px outset #d7b9c9; height:22px; width:120px;}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px;}
#msgcontent {display:block; font-size:1.3em; color:#cc0000; background:#fbfbd7; border:2px solid #ff0000; border-left:none; padding:5px; min-width:180px; max-width:200px;}

.rivierafieldset {border: 1px solid #990000; width: 28em; padding: 0 10px 4px 18px;}
legend {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; color: #ff0000; background: #fffcef; border: 1px solid #781351; padding: 2px 3px;2px 3px; font-weight: bold; } 

.finalword2 {float:left;text-align: center; padding-top:4px 0 0 0; background: #; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; color: #999999; border: 0px outset #ffffff; height:12px; width:270px;} 
.finalword1 {float:left;text-align: center; padding-left:5px; background: #fffcef; font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; border: 0px outset #ffffff; height: 18px; width:110px;} 

.latebox {width:257px;border: 1px dashed #999999; background-color: #ffffff; margin:12px 6px 12px 6px;text-align:center;}
.latebox td {border: 1px dashed #999999; background-color: #ffffff; text-align:center;}
.lateboximg {clear:both; margin:25px auto 25px auto; }

/* end Enquiry Forms */



#alpha, #beta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#alpha-inner, #beta-inner {position: static;}

.trailbacks,
.report
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 10px;
}

.trailback-content,
.report-open-content
{
clear: both;
margin: 5px 5px;
}


#outer
{

background:url(images/kantara-guesthouse.png) no-repeat 95% 20px fixed;
}


#container
{
position: relative;
margin: 0 auto;
width: 970px;
text-align: left;
margin-bottom: 20px;
background: #e3daee;
border-top: 3px solid #d63030;
border-right: 3px solid #fa7e7e;
border-bottom: 3px solid #990000;
border-left: 3px solid #ed2929;
background-image: url(images/bgkantara.jpg);
}

#container-inner
{
border-top: 3px solid #660000;
border-right: 3px solid #660000;
border-bottom: 3px solid #330000;
border-left: 3px solid #cc6666;
position: static; width: auto;

}

#banner
{
width: 100%;
height: 103px;
}

#banner h3{
font-size:1.8em;
}

#banner-bottom
{
text-align: center;
width: 100%;
background-color: #;
}
	
#banner-inner, banner-bottom-inner{
border-top: 0px solid #ccddcc;
border-right: 0px solid #ccddcc;
border-bottom: 0px solid #ccddcc;
border-left: 0px solid #ccddcc;
position: static;

}


#pagewrap {position: relative; width: 100%;}
#pagewrap-inner {position: static; width: 100%;}

#alpha {float:right; margin: 5px 5px 0 5px; width:65%; background: #;}

#beta {float:left; width:45%; background: #;}

#alpha-inner {
padding: 10px 10px 0 10px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
}

#beta-inner {
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #ffffff;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
}

.start-header
{
margin-top: 0;
background: #;
text-align:left;
color: #990000;
font-size: large;
font-weight:bold;
padding: 5px;
border-right: 0px solid #999999;
border-bottom: 5px solid #cc0000;
border-left: 0px solid #e5e680;
}

.trailback-content
{
background: #ffffff;
text-align:left;
color: #333333;
font-size: small;
margin: 0;
line-height: 1.5;
}

.module
{
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 10px 0;
}

.module-header,
.trailbacks-header,
.report-header,
.report-open-header
{
/* ie win (5, 5.5, 6) bugfix */
position: relative;
width: 100%;
width: auto;
margin: 0;
border-left: 5px solid #cc0000;
padding: 9px;
color: #ffffff;
background: #;
font-size: small;
font-weight:bold;
line-height: 1;
}

.module-header a {display: block; color: #ffffff; font-size:1.3em; text-decoration: none; font-weight: 600; font-family: verdana, arial, helvetica, sans-serif; line-height: normal; word-spacing: normal; letter-spacing: normal; white-space: normal;}

.module-content
{
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
line-height: 1.2;
background: #;
font-family: verdana, arial, helvetica, sans-serif;;
text-align:left;
color: #333333;
font-size:1.0em;
border-top: 0px solid #3366ff;
border-right: 0px solid #3366ff;
border-bottom: 0px solid #3366ff;
border-left: 0px solid #3366ff;
}



/*  css.maxdesign.com.au/listamatic  */

.navcontainer ul
{
margin-bottom: 0;
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #990000;
background: url(images/stripes.png);
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-size:1.45em;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}


.navcontainer
{
margin-left: auto;
margin-right: auto;
}

.navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 22px;
background-repeat: no-repeat;
}

.navlist a
{
padding-left: 22px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

.navlist a:link, .navlist a:visited
{
padding-left: 22px;
color: #ffffff;
background: url(images/arrowbulletwhite.gif);
background-position: -0px -33px;
background-repeat: no-repeat;}

.navlist a:hover
{
color: #e0ecfb;
padding-left: 22px;
background: url(images/arrowbulletwhite.gif);
background-repeat: no-repeat;
background-position: -0px -15px;}

.active
{
color: #ff0000;
padding-left: 22px;
background: url(images/arrowbulletgrey.gif);
background-repeat: no-repeat;
background-position: 20px -13px;}


/*  end listamatic combo  */


.three-column #alphabooking
{
margin: -910px 0px 0px 0px;
width:60%;

float:right;
}


.three-column #alpha
{
margin: 0px 0px 0px 0px;
width:50%;

float:right;
}

.three-column #alpha-inner
{
padding: 5px 5px 5px 5px;
border-top: 0px solid #cc0000;
border-right: 0px solid #cc0000;
border-bottom: 0px solid #cc0000;
border-left: 0px solid #cc0000;

}

.three-column #beta
{
float:left;
margin: 0px 0px 0px 0px;
width:100%;


}

#show {background: #e3daee;}

.three-column #beta-inner
{
padding: 0px 10px 10px 10px;
border-top: 0px solid #e5e680;
border-right: 0px solid #e5e680;
border-bottom: 0px solid #e5e680;
border-left: 0px solid #e5e680;
}

.special	{padding-left:15px; padding-right:15px; font-size:1.5em; color: #333399; font-style: italic; text-decoration: none;}
.special a {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:visited{font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:hover  {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}
.special a:link {font-size:1.5em; color: #333399; font-style: italic; padding-left:15px; text-decoration: none;}

#show {background: #ccddcc;}

#inet {font-family: arial black; font-size: 7pt; font-style: italic; color: #8e7505;}
#inet2 {font-size: 7pt; font-style: italic; color: #8e7505; }

/* ends */