/*---------------------Building Blocks---------------------*/
html, body {margin:0; padding:0;}
body {font: 62.5%/1em Arial, Helvetica, Verdana, sans-serif;text-align: left; /*IE<=6*/ background-color: #FFF;}
h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin:0; padding:0; color:#000;}
h1 {font-size: 2.4em; line-height:1.2em; margin: 10px 0 10px 0; color:#284666; padding:0 0 10px 0; font-family:georgia, verdana, sans-serif; border-bottom: 1px solid #284666; }
h2 {font-size: 1.8em; line-height:1.2em; font-weight: normal; color:#284666; padding:6px 0 4px 0; font-family:georgia, verdana, sans-serif; border-bottom: 1px dotted #BEE5F6;}
h3 {font-size: 1.5em; line-height:1.2em; font-weight: normal; color:#284666; margin: 10px 0 0 0; padding:10px 0 10px 0; font-family:georgia, verdana, sans-serif;}
h4 {font-size: 1.3em; line-height:1.5em; font-weight: normal; color:#284666; font-family:georgia, verdana, sans-serif;}
h5 {font-size: 1.1em; line-height:1.5em; font-weight:bold; color:#926505; padding:5px 0 0 0}
p {font-size:1.3em; line-height:1.8em; margin:0; padding:4px 0 10px 0; color:#284666; } 
pre {font-size:1.2em; line-height:1.2em; margin:0; padding:0 0 1em 0;} 

address { display: none; }
.hide { display: none; }

a { color:#33ADE7; text-decoration:none;}
a:hover {color:#284666; text-decoration:underline; }

#container { margin: 10px auto; padding:20px 20px 60px 20px; width:920px; text-align:left; background:#FFF; border: 10px solid #EFEFEF; }

table,tr {font-size:11px;}
td {font-size:11px; line-height:1.5em; color:#727272;} 
td p {font-size:11px;} 
img {padding:0; margin:0; outline:none; border:none;}
a img {}
ul {margin:0; padding:0; list-style:none;}
ol {margin:0; padding:0; font-size:1.1em; font-size:1.1em;}
li {margin:0; padding: 8px 0 8px 0; font-size:1.2em; color:#284666;}
input {border:1px solid #c6c5c5; background:#fff; color:#727272; padding:2px; font-size:11px;}
textarea {border:1px solid #c6c5c5; background:#fff;  color:#727272; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.clear {clear:both; height:1px;}
#content .fRight {float:right; margin:0 0 10px 10px;}

.fLeft {float:left; margin:0 10px 10px 0;}
.divider { padding:0 0 2em 0; background: #FFF url('images/isle_scalpay_floral.gif'); background-repeat: no-repeat; background-position: center center; height: 22px; }
.dividertop { padding:0 0 2em 0; }


/*--------------------------Header--------------------------*/

.tb { padding:4px 0 4px 0; background: #EFEFEF; border-top: 2px solid #284666; overflow:hidden;}
.tb ul li {float:right;padding:.2em 10px .2em 0px; color:#284666; list-style:none;}
.tb a { color: #284666; }
.inner {width:920px; margin:0 auto; position:relative;}

#header { background-color: #FFF; height: 124px; }
.hdr { width:940px; margin:0 auto; position:relative;}

#logo { float: left; margin: 4px 0 4px 0; padding: 4px 0 6px 0;}

#reservation { float: right; margin: 20px 20px 0 0; font-size: 1.6em; text-transform: uppercase; font-weight: normal; }
	/*#reservation a  { float: left; background-color: #284666; padding: 14px; color: #E7F4FA; text-decoration: none; border: 2px solid #284666; }
	#reservation a:hover { background-color: #E7F4FA; color: #284666; } */

/*-----------------------Navigation-------------------------*/

#nav { background-color: #284666; }
#navi {	clear: left; position: relative; margin: 0 auto 0 auto; width: 914px; height: 30px; font-family: Arial, Helvetica, sans-serif; padding: 6px 0 0 6px; background-color: #EFEFEF; text-align: left; z-index: 11;  }
	#navi ul { margin: 0; padding: 0; }
	#navi li { float: left;	display: block; padding: 6px 10px 5px 10px; height: 18px; position: relative; z-index: 15; }
	#navi li a {font-family: arial, sans-serif;	font-weight: normal; font-size: 10px; color: #284666; text-transform: uppercase; letter-spacing: +1px; text-decoration:none; height: 18px; }
	#navi li div, #navi li ul, #navi li li { width: 190px; }
	#navi li div { position: absolute; left: 0px; top: 28px; padding: 0 0 3px; margin: 0; display: none; }
	#navi li ul { background-color: #BEE5F6; padding: 0 0 14px; margin: 0; display: table; /* Mozilla, Opera background fix *//* Mozilla, Opera background fix */}
	#navi li li { display: block; float: left; padding: 0; margin: 10px 0px -10px; border-left: none; height: 30px; }
	#navi li li a { display: block;	padding: 6px 15px 3px; margin: 0px 0px;	text-transform: none;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }
	#navi li li a img {	vertical-align: middle; }
	#navi li li a:hover { color: #284666; background: none transparent; }
	#navi li a:hover { color: #284666; text-decoration: none; }
	#navi li li a:hover {  text-decoration: none; background-color: #E7F4FA; }
	#navi li:hover div, #navi li.over div {	display: block; }
	#navi li:hover, #navi li.over, #navi li.active { color: #284666; background-color: #BEE5F6; }

/*---------------- Front Content ----------------*/

#content { width:920px; margin:0 auto; padding: 10px 0 0 0; }

#cc { background-color: #FFF; }

#slideshow { position:relative; margin: 0 0 10px 0; height:260px; border: 10px solid #EFEFEF; }
#slideshow div { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 260px; background-color: #EFEFEF; }
#slideshow div.active { z-index:10; opacity:1.0; }
#slideshow div.last-active { z-index:9; }
#slideshow div img { margin: 0 0 10px 0; height: 230px; width: 900px; display: block; border: 0; }
.caption { padding: 0 0 0 10px; font-size: 14px; line-height: 18px; color: #284666; }

.leftcol { float:left; margin: 0; padding: 0 10px 0 0; width:598px; position:relative;}

.rightcol { float:right; margin: 10px 0 10px 0; padding: 0 0 0 10px; width: 280px; }
	.rightcol p {line-height:1.4em; padding-bottom:8px;}

.rblog { float: right; margin: 0 4px 10px 0; padding: 0 10px 4px 10px; width: 274px; background-color: #284666; }
	.rblog h3 a { color: #FFF; font-size: 1.4em; margin: 0; padding: 0; }
	.rblog h3 a:hover { color: #33ADE7; }

.sgallery { float: right; margin: 0 4px 0 0; padding: 10px 10px 4px 10px; width: 274px; background-color: #E7F4FA; }
	.sgallery h3 { color: #284666; font-size: 2em; margin: 0; padding: 0; }
	.sgallery .description { color: #284666; font-size: 1.2em; }
	.sgallery .description a { color: #33ADE7; text-decoration: none; }
	.sgallery .description a:hover { color: #284666; text-decoration: underline; }

.rbox { float: right; margin: 10px 4px 0 0; padding: 0 10px 4px 10px; width: 274px; background-color: #E7F4FA; }
	.rbox h3 a { color: #33ADE7; font-size: 1.2em; margin: 0; padding: 0; }
	.rbox h3 a:hover { color: #284666; }

#content .sections { clear:both; padding:10px 0 10px 0; width:100%; overflow:auto;}
	#content .sections .col { float:left; margin: 0; width:292px; }
	#content .sections .col h2 { margin: 0; padding: 4px 0; color: #284666; border-bottom: 1px solid #284666; }
	#content .sections .col h2 a { margin: 0; padding: 4px 0; color: #284666; text-decoration: none; }
	#content .sections .col h2 a:hover { margin: 0; padding: 4px 0; color: #33ADE7; text-decoration: none; }

#content .sections .one { padding: 0 10px 0 0; }
#content .sections .two { padding: 0 10px 0 10px; }
#content .sections .three { padding: 0 0 0 10px;}

.hred { margin: 0; padding: 12px; background-color: #E7F4FA; }
.hred p { color: #284666; }

.border { margin:0; padding:0; background:#fff; }

#content a.tlink { margin: 0; padding: 0; color: #33ADE7; font-size:1.2em; line-height:1.6em; }
#content a:hover.tlink { color: #284666; text-decoration: underline; }

.htestimonial { margin: 10px 0 20px 0; padding: 0; width: 920px; }
	.htestimonial p { padding: 6px 0 10px 10px; font-size: 16px; font-style: italic; }
	.htestimonial span { margin: 0; padding: 6px 0 4px 10px; font-size: 12px; }
	.htestimonial .tmore { float: right; padding: 6px 0 10px 10px; font-size: 12px; font-style: italic; }


/*---------------- Body Content ----------------*/

#pagebase { clear:both; }

#trl { float: left; margin: 0 auto; padding: 0; width: 610px; border-bottom: 1px solid #BEE5F6; }
	.trail p { margin: 0 0 6px 0; padding: 0 0 0 10px; font-size: 11px; color: #BEE5F6; }
	.trail a { font-size: 11px; color: #33ADE7; text-decoration: none; border: 0; }
	.trail a:hover { font-size: 11px; color: #284666; text-decoration: none; }

.admin { float:right; margin: 0; padding: 4px 0 12px 10px; width: 300px; font-size: 0.8em; color: #7AC141; border-bottom: 1px solid #BEE5F6; }  
	.admin ul { margin: 0; padding: 0; }
	.admin li { padding: 0 10px; display: inline; border-right: 1px solid #BEE5F6; }
	.admin #last { padding: 0 0 0 10px; border-right: none;}
	.admin a:link, .breadcrumbs a:visited, .breadcrumbs a:active { color:#33ADE7; }
	.admin  a:hover { color: #284666; }

.photo { float:left; margin:0 0 10px 10px; padding: 0; width: 920px; height: 120px; border: 10px solid #480000; }

.spiel { float:left; margin:0 0 10px 0; padding: 4px 0 0 2px; width:588px; }
.spiel p a { text-decoration: none; }
.spiel p a:hover { text-decoration: none; border-bottom: 1px solid #FFF; }

.spiel ul { margin: 0; padding: 0; }
.spiel li { padding: 4px 0 4px 20px; font-size: 11px; line-height: 16px; }

.spielpano { float:left; margin: 10px 0 20px 0; padding: 10px; width: 900px; background-color: #EFEFEF; }
.spielpan { float:left; margin: 10px 0; padding: 10px; width: 568px; background-color: #EFEFEF; }

.spielimg { float:left; margin: 10px 20px 20px 0; padding: 10px; background-color: #EFEFEF; }
.spielimg h3 { color: #284666; font-size: 1.4em; line-height: 1.3em; text-align: center; }

.spielimgr { float:right; margin: 10px 0 20px 20px; padding: 10px; background-color: #EFEFEF; }
.spielimgr h3 { color: #284666; font-size: 1.4em; line-height: 1.3em; text-align: center; }

.dire { font-size: 1.4em; font-weight: bold; line-height: 1.3em; }

.fullspiel { float:left; margin:0 0 10px 0; padding: 4px 0 0 0; width:920px; }
.fullspiel p a { text-decoration: none; }
.fullspiel p a:hover { text-decoration: none; border-bottom: 1px solid #FFF; }

.fullspiel ul { margin: 0; padding: 0; }
.fullspiel li { padding: 4px 0 4px 20px; font-size: 11px; line-height: 16px; }

.cottage { float:left; width: 900px; margin: 10px 0 10px 0; padding: 10px; background-color: #E7F4FA; }
.cottage img { float: left; margin: 10px; width: 320px; }
.cottages { float: left; margin: 10px; width: 540px; }

.cottagesl { float: left; padding: 10px; width: 300px; }
.cottagesr { float: left; padding: 10px; width: 200px; }

#ctleftcol { float: left; margin: 10px 0 0 0; padding: 0; width: 380px; }
.ctspiel { float:left; margin:0 0 10px 0; padding: 0; width:380px; }
.ctfacilities { float:left; margin:0 0 10px 0; padding: 0 10px 10px 10px; width:360px; background-color: #EFEFEF; }
	.ctfacilities ul { margin: 0; padding: 0; }
	.ctfacilities li { margin: 0 0 0 20px; padding: 4px 0 4px 0; font-size: 11px; line-height: 14px; list-style: circle; }
.ctlinks { float:left; margin:0 0 10px 0; padding: 0; width:380px; }
	.ctfloor { float:left; margin:0 10px 0 0; padding: 10px; width:145px; border: 10px solid #EFEFEF; }
	.ctloc { float:left; margin:0; padding: 10px; width:145px; border: 10px solid #EFEFEF; }

#ctrightcol { float: left; margin: 10px 0 10px 0; padding: 0; width: 540px; }
.ctphotos { float:left; margin:0 0 10px 10px; padding: 0 10px 10px 0; width:520px; background-color: #E7F4FA; }
	.ctphotos h3 { padding: 0 0 10px 10px; }
	
.galphotos { float:left; margin:0 10px 10px 10px; padding: 0 10px 10px 0; width:900px; background-color: #E7F4FA; }
	.galphotos h3 { padding: 0 0 10px 10px; }
	ul.galaction { float: left; margin:10px 0 2px 10px; padding:10px; width: 400px; background-color: #284666; }
	.galaction li {margin:0; padding: 4px 0 4px 0; font-size:1.1em; }
	.galaction li a:hover {margin:0; padding: 4px 0 4px 0; font-size:1.0em; color: #FFF; }

.pgallery { float:left; margin: 4px 4px 4px 10px; padding: 6px 6px 12px 6px; background-color: #FFF;  }
#lbOverlay { position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(images/loading.gif) no-repeat center; }
#lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(images/prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover { background: transparent url(images/nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

#ctrates { clear: both; float:left; margin:0 10px 0 10px; padding: 4px 0 0 0; width:180px; background-color: #284666; }
	#ctrates h2 { padding: 6px 0 10px 20px; border: 0; }
	#ctrates h2 a { color: #FFF; }
	#ctrates h2 a:hover { color: #33ADE7; }

#ctcall { float:left; margin:0; padding: 4px 0 0 0; width:340px; background-color: #284666; }
	#ctcall h2 { padding: 6px 0 10px 20px; border: 0; }
	#ctcall h2 a { color: #FFF; }
	#ctcall h2 a:hover { color: #33ADE7; }
	
#ctcott { float:left; margin:0 10px 0 0; padding: 4px 0 0 0; width:300px; background-color: #284666; }
	#ctcott h2 { padding: 6px 0 10px 20px; border: 0; }
	#ctcott h2 a { color: #FFF; }
	#ctcott h2 a:hover { color: #33ADE7; }

blockquote { margin: 1em 3em;padding-left: 1em; font-style: italic;border-left: 2px solid #33ADE7; background-color: #E7F4FA; }
.guestcomment { margin: 1em 3em;padding-left: 1em; }
.quoteref { margin: 0; padding: 0 0 4px 0; font-size: 10px; color: #33ADE7;  }

ul.ctaction {margin:10px 0 0 0; padding:10px; background-color: #284666; }
.ctaction li {margin:0; padding: 4px 0 4px 0; font-size:1.0em; }
.ctaction li a:hover {margin:0; padding: 4px 0 4px 0; font-size:1.0em; color: #FFF; }

.maps { margin:0 auto 10px auto; padding: 0; display: block; border: 1px solid #284666; }
.mapscaption {text-align: center; }

#minfo { float:left; width: 568px; margin: 10px 0 10px 0; padding: 10px; background-color: #284666; }
#minfo .block { float: left; width: 250px; margin: 0 10px 0 0; padding: 0 4px 0 8px; line-height: 1.2em; display: inline; }
#minfo .block.last { margin-right: 0; }
#minfo .block h2 { font: bold 1.1em; border: none; margin: 0 0 4px 0; color: #33ADE7; border-bottom: 1px solid #33ADE7; }
#minfo .block p { margin: 0; }
#minfo .block ul { margin: 0; }
#minfo .block li { margin: 0; padding: 4px 0 4px 28px; color: #B69A59; background: url(images/arrowr.gif) no-repeat 4px 50%; }
#minfo .block a { color: #33ADE7; }
#minfo .block a:hover { color: #33ADE7; }

.adcol { float:left; margin: 0 0 10px 0; padding:0 0 0 14px; width:316px; }
	.adcol p {line-height:1.5em; padding-bottom:8px;}

.rcottages { float: right; margin: 10px 0 0 0; padding: 6px 10px 10px 10px; width: 280px; text-align: center;  background-color: #E7F4FA; }
	.rcottages h3 { margin: 0 0 10px 0; width: 280px; color: #284666; font-size: 1.85em; line-height: 1.3em; }
	.rcottages h3 a { color: #284666; }

	.rcott { float: left; margin: 4px 0 0 0; padding: 0; text-align: left; }
	.rcottleft { float: left; margin:0; padding: 10px 10px 6px 0; width: 120px; }
	.rcottright { float: left; margin: 0; padding: 10px 0 0 0; width: 150px; }
	.rcottright p { font-size: 1.1em; }

.rblogs { float: right; margin: 10px 0 0 0; padding: 6px 10px 10px 10px; width: 280px; background-color: #284666; }
	.rblogs h3 a { color: #FFF; font-size: 1.3em; margin: 0; padding: 0; }
	.rblogs h3 a:hover { color: #33ADE7; }

.gallery { float: right; margin: 10px 0 0 0; padding: 6px 10px 10px 10px; width: 280px; text-align: center; background-color: #E7F4FA; }
	.gallery h3 { margin: 0 0 10px 0; width: 280px; color: #284666; font-size: 1.85em; line-height: 1.3em;  }
	.gallery h3 a { color: #284666; }
	.gallery img { margin: 0 10px 10px 0; }
	.gallery h4 { clear: both; color: #284666; font-size: 1.5em; line-height: 1.3em;   }

.rcontact { float: right; margin: 10px 0 0 0; padding: 10px; width: 260px; text-align: center; border: 10px solid #E7F4FA; }
	.rcontact h3 { margin: 0 0 10px 0; color: #284666; font-size: 1.6em; line-height: 1.3em;  }
	.rcontact h3 a { color: #284666; }
	.rcontact li { font-size: 1.4em; font-style: italic; }
	
.testimonial { float: right; margin: 10px 0 10px 0; padding: 0; width: 300px; }
	.testimonial p { padding: 6px 0 10px 10px; font-size: 18px; font-style: italic; }
	.testimonial span { margin: 0; padding: 6px 0 4px 10px; font-size: 11px; }
	.testimonial .tmore { float: right; padding: 6px 0 10px 10px; font-size: 12px; font-style: italic; }

.gleft { float: left; margin:0; padding: 10px 10px 6px 10px; width: 120px; }
.gright { float: left; margin: 0; padding: 10px 0 0 10px; width: 120px; }

.formleft { float: left; margin:0; padding: 10px; width: 280px; }
.formleft h2 { margin: 10px 0 10px 0;} 
.formright { float: left; margin: 0; padding: 10px 0 0 30px; width: 580px; }
.formright h2 { margin: 10px 0 0 20px; } 

.widget { margin: 0 0 10px 0; padding: 10px; width: 900px; background: #E7F4FA;}
	.widget a {color: #284766;text-decoration: none;}
	.widget a:hover {color: #284766;text-decoration: underline;}
	.tabnav li {display: inline;list-style: none; font-size: 2em;padding: 4px 6px 4px 0;}
		.tabnav li a {text-decoration: none;text-transform: uppercase;color: #284766;font-weight: bold;padding: 4px 6px;outline: none;}
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #FFF;color:#284766;text-decoration: none;}
	.tabdiv {margin: 6px 0 0 0;padding: 6px;background: #fff;}
		.tabdiv li {list-style-image: url("star.png");margin-left: 20px;}
.ui-tabs-hide {display: none;}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif; }
.ui-tabs-nav {list-style: none;margin: 10px 0 0 0;padding: 0 0 0 4px;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */display: block;clear: both;content: " ";}
.ui-tabs-nav li {float: left;margin: 0 0 0 1px;min-width: 84px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block;padding: 0 10px;background: url(images/tab.png) no-repeat;}
.ui-tabs-nav a {margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */padding-left: 0;color: #27537a;font-weight: bold;line-height: 1.2;text-align: center;text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a {position: relative;top: 1px;z-index: 2;margin-top: 0;color: #000;}
.ui-tabs-nav a span {width: 64px; /* IE 6 treats width as min-width */min-width: 64px;height: 18px; /* IE 6 treats height as min-height */min-height: 18px;padding-top: 6px;padding-right: 0;}
*>.ui-tabs-nav a span { /* hide from IE 6 */width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.ui-tabs-disabled {opacity: .4;filter: alpha(opacity=40);}
.ui-tabs-panel {border-top: 1px solid #97a5b0;padding: 1em 8px;background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px;background: url(images/loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;}

.hlight { padding: 6px; font-weight: bold; background-color: #E7F4FA; }
.faqdivider { margin: 0 0 10px 0; border-top: 1px dotted #284766; }

table a, table a:link,table a:visited {border:none;}							
img {border:0;margin-top:.5em;}	
table {width:100%;border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin:1em auto;border-collapse:collapse;}
tr.odd td {background:#f7fbff}
tr.odd .column1	{background:#f4f9fe;}		
.dark { color: #284766;background-color:#FFF; border-right-color:#FFF;font:bold 1.2em georgia, verdana, sans-serif; }
.column1 {background:#f9fcfe;}
td {font-size: 1.1em;color:#678197;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em 1em;text-align:center;}				
th {padding: 0 0 0 6px;font-weight:normal;color: #678197;text-align:left;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;}							

td.low {background-color: #BEE5F6;color: #284766;} 
td.low a {color: #284766;} 
td.booked {background-color: #F4F9FE;color: #284766;}

td.med {background-color: #33ADE7;color: #FFFFFF;}
td.med a {color: #FFFFFF;} 

td.high {background-color: #284766;color: #FFFFFF;}
td.high a {color: #FFFFFF;} 
td.high a:hover {color: #BEE5F6;} 


thead th {background:#284766;text-align:center;font:bold 1.2em/2em georgia, verdana, sans-serif;color:#FFF;}	
tfoot th {text-align:center;background:#f4f9fe;}	
tfoot th strong {font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;margin:.5em .5em .5em 0;color:#66a3d3;}		
tfoot th em {color:#f03b58;font-weight: bold;font-size: 1.1em;font-style: normal;}	

form { margin: 0;  border: none; }
	input.disabled { border: 1px solid #284766; background-color: #284766; }
	.validation-advice { margin: 5px 0; padding: 5px; background-color: #FF3300; color: #FFF; font-weight: bold; }
	.custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color: #FFF; font-weight: bold; }
	.form-row { clear: both; padding: 0.4em;  }
	.formdd { padding: 0.4em;  }
	input.check { display: inline; width: 14px; height: 14px; }
	textarea { display: block; padding: 3px 3px 3px 2px; width: 318px; height: 60px; color: #FFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 12px; }
	fieldset { margin-bottom: 1em; clear: both; border:0; }
	.form-row, .formdd { display: block; clear: left; padding: 10px 0 6px 0; /*overflow:auto; cutting out for autocomplete ff overlay bug */ }
	.form-row .form, .formdd .form { width: 320px;  float: left; }
	.form-row .form input, .formdd .form input { width: 320px; height: 19px; }
	.indent { clear:both; margin: 0 0 0 200px; }
	label, span.label { padding: 6px 0 0 0; font-size: 120%; font-weight: normal; color:#284666; }
	.form-row label, .form-row span.label { float: left; text-align: right; margin-right: 10px;  width: 185px; }
	.form-row .form input.required, .form-row .form textarea.required, .formdd .form input.required, .formdd .form textarea.required, { border: 1px solid #784927; background-color: #F0FAFF; }
	.form-row .form input.validation-failed, .form-row .form textarea.validation-failed, .formdd .form input.validation-failed, .formdd .form textarea.validation-failed { border: 1px solid #FF3300; color: #FF3300;  }
	.form-row .form input.validation-passed, .form-row .form textarea.validation-passed, .formdd .form input.validation-passed, .formdd .form textarea.validation-passed { border: 1px solid #00CC00; color: #000;  }
	.form-row .form input, .form-row .form textarea, .formdd .form input, .formdd .form textarea { color: #000; background-color: #E7F4FA; border: #E7F4FA solid 1px; /*overflow: auto;*/ }
	.form-row .form textarea, .formdd .form textarea { overflow-x: hidden; overflow-y: hidden;  }
	
	.submit { float: left; margin: 0 0 10px 0; padding: 2px; color: #FFF; background-color: #284766; }


/*--------------------------Footer--------------------------*/

.ftop { padding:0 0 2em 0; background: #FFF url('images/scalpay_floral.gif'); background-repeat: no-repeat; background-position: center center; height: 22px; }
  
.footer { margin: 0 auto; padding: 0; width: 920px; color: #FFF; font-size: 1em; }

#fmenu { width: 920px; margin: 0 auto 0 auto; padding: 2px 0 6px 0; font-size: 11px; background-color: #FFF; }
#fmenu ul { text-align: center; margin: 6px 0 6px 0; }
#fmenu li { list-style: none; display: inline;  }
#fmenu li a { padding: 0 12px 0 12px; color: #284666; text-decoration: none; }
#fmenu li a:hover { color: #666; text-decoration: none; }

.right { margin:0; padding: 2px 10px 0 0; text-align:center; border-bottom: 2px solid #284666; background-color: #284666; }
.right ul { margin: 10px 0 10px 0; }
.right li { list-style: none; display: inline; padding: 0 20px 0 20px; color: #E7F4FA; border-right: 1px solid #E7F4FA; }
.right li a { color: #E7F4FA; text-decoration: none; }
.right li a:hover { color: #666; text-decoration: underline; }

li.last { border-right: 0;}

.ff { margin: 0 auto; width: 920px; }

.fbase { float:left; margin: 10px 0 20px 0; width: 750px; text-align: center; }
.fbase ul { margin: 8px 0 0 0; text-align:left; }
.fbase li { list-style: none; display: inline; font-size: 1.1em;  }
.fbase li a { padding: 0 10px 0 10px; color: #666; text-decoration: none; }
.fbase li a:hover { color: #284666; text-decoration: underline; }

.fright { float: right; margin: 10px 0 0 0; width: 170px; height: 40px; }

#ftr { margin: 0; padding: 0; border: 0; }
#ftr h1 { display: none; }
#ftr h1 a { display: none; }