/****************************/
/***** Global Settings *****/
/****************************/

/*
* {
	padding:0;
	margin:0;
    }
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}


/* ******************* GLOBAL CLASSES ******************** */


.clear 			{
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.red{
	font-weight: normal;
	color: #F90101;
}
.pic {
	padding: 1px;
	background: #FFFFFF;
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }


/* ******************* START ******************** */


body             { color: #403939; font-size: 12px; font-family: Arial, Helvetica, Geneva, sans-serif; line-height: 1.6em; background-color: #403939; background-repeat: repeat-x; margin: 0; padding: 0; scrollbar-3dlight-color: #EEEEEE; scrollbar-arrow-color: #003B4A; scrollbar-darkshadow-color: #003B4A; scrollbar-face-color: #CFD2DB; scrollbar-highlight-color: #EAEBEF; scrollbar-shadow-color: #003B4A; scrollbar-track-color: #CFD2DB             }
/*body  { min-width: 760px; max-width: 1024 }*/

p   { margin: 0; padding: 0 }
td   { color: #666; font-size: 11px; font-family: Arial, Helvetica, Geneva, sans-serif; vertical-align: top }
form { margin: 0; padding: 0 }
a:link    { color: #403939; text-decoration: none }
a:visited    { color: #403939; text-decoration: none }
a:hover     { color: #5a9aa4; text-decoration: none }
a:active    { color: #403939; text-decoration: none }

p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0px;
	margin: 0px;
}

li { color: #4a4b4d; list-style-position: inside; margin: 0; padding: 0 0 5px 5px }

li a{
	color: #47484A;
	text-decoration: none;
}

li a:hover{
	color: #FA0001;
	text-decoration: none;
}

/* ---- START Tom 06-09-07 ----- */

.txtcolor { color: #403939 }
.skyline  { background-image: url("../images/bg_skyline.jpg"); width: 100% }
.bgcolor   { margin: 0 auto; width: 870px; height: auto }
.spacer { margin: 1px 0 0; padding: 0 }
.brochure { background-color: #d24011; margin: 1px 0 0; padding: 0 }
.oostende { background-color: #fff; margin: 1px 0 0; padding: 0 }
/*.langnav            { font-size: 10px; list-style-type: none; margin: 0; padding: 0; position: relative; top: 10px; float: left }
.langnav ul { margin: 0; padding: 0; float: right }
.langnav li         { color: #fff; list-style-type: none; float: left }
.langnav a:link         { color: #fff; list-style-type: none; margin: 0; padding: 3px; float: left }
.langnav a:visited         { color: #fff; background-image: none; list-style-type: none; margin: 0; padding: 3px; float: left }
.langnav a:hover        { color: #fff; background-color: #8bdee4; list-style-type: none; margin: 0; padding: 3px; float: left }
.langnav a:active        { color: #fff; list-style-type: none; margin: 0; padding: 3px; float: left }
.langnav .active a    { color: #8bdee4 }
*/
/* ---- END Tom 06-09-07 ----- */

/* ---- START Tom 14-01-08 ----- */
#wrapper     {
	width: 870px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	}

#subnav   { color: #403939; font-size: 11px; font-weight: bold; background-color: #dcdada; text-transform: uppercase; width: 225px }
#subnav ul  { list-style-image: none; margin: 1px 0 0; padding: 0 }
#subnav ul li   { text-transform: uppercase; list-style-type: none; list-style-image: none; margin: 0; padding: 7px 0; border-bottom: 1px solid #f90 }

.titlebox   { color: #fff; font-size: 11px; font-weight: bold; background-color: #403939; text-transform: uppercase; margin-bottom: 5px; padding: 7px 5px 3px; height: 15px }
.titlebox a { color: #fff; text-decoration: none }
.titlebox a:hover { color: #8bdee4; text-decoration: none }
/* ************************ Prikbord homepage *************************/
.prikbordbox      { color: #fff; font-size: 11px; font-weight: bold; background-color: #5a9aa4; text-transform: uppercase; margin-bottom: 1px; padding: 7px 5px 3px; width: 600px; height: 15px }
.prikbordbox a { color: #fff; text-decoration: none }
.prikbordbox a:hover { color: #8bdee4; text-decoration: none }
.prikbordcontainer     { color: #403939; background-color: #edf5f7; margin-bottom: 1px; padding-top: 10px; padding-bottom: 10px; width: 600px; border-bottom: 1px solid #fff }
.prikbordpic1   { margin-right: 10px; width: 190px; float: left }
.prikbordtitle { color: #5a9aa4; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px }
.prikbordtitle a { color: #5a9aa4; text-decoration: none }
.prikbordtitle  a:hover { color: #403939; text-decoration: none }
.prikbordtxt   { text-align: justify }
.prikbordtxt1   { width: 380px; float: left }
.prikbordtxt2     { width: 180px; float: left }
.prikbordtxt3   { margin-left: 10px; width: 570px }
/* ************************ Main Navigation *************************/
#nav   { margin: 0; padding: 0; width: 225px; border-top: 1px solid white }
html>body #nav  { margin: 0; padding: 0; width: 224px }
#navigation  { margin: 0; padding: 0; width: 224px }
#navigation ul    { list-style-type: none; list-style-image: none; margin: 0; padding: 0 }
#navigation ul ul, #navigation ul ul ul, #navigation ul ul ul ul { margin: 0 0 -3px; padding: 0 }
.navlevel1       { color: #403939; font-size: 11px; font-weight: bold; background-color: #e2e0e1; text-transform: uppercase; margin: 0; padding: 3px 0 3px 15px; width: 210px; border-bottom: 1px solid #d1cfd0 }
.navlevel1 a     { color: #403939; text-decoration: none; background-color: #e2e0e1; display: block; margin: 0; padding: 3px 0; width: 210px }
.navlevel1 a:hover       { color: #5a9aa4; display: block; margin: 0; padding: 3px 0; width: 210px }
/*
.navlevel2         { color: #5a9aa4; font-size: 11px; font-weight: bold; background-color: #f0f0f0; text-transform: uppercase; list-style-image: url("../images/arrow_level2.gif"); margin: 0; padding: 3px 0 3px 25px; width: 200px; border-bottom: 1px solid #fff }
*/
.navlevel2         { color: #5a9aa4; font-size: 11px; font-weight: bold; background-color: #f0f0f0; text-transform: uppercase; margin: 0; padding: 3px 0 3px 25px; width: 200px; border-bottom: 1px solid #fff }
.navlevel2 a { color: #5a9aa4; text-decoration: none; background-color: #f0f0f0; display: block; margin: 0; padding: 3px 0; width: 200px }
.navlevel2 a:hover       { color: #d24011; text-decoration: none; background-color: #f0f0f0; display: block; margin: 0; padding: 3px 0; width: 200px }
.navlevel3       { color: #403939; font-size: 11px; background-color: #f7f5f6; text-transform: uppercase; display: block; margin: 0; padding: 3px 0 3px 30px; width: 194px; border-bottom: 1px solid #fff }
.navlevel3 a      { color: #403939; text-decoration: none; background-color: #f7f5f6; display: block; margin: 0; padding: 3px 0; width: 194px }
.navlevel3 a:hover     { color: #5a9aa4; background-color: #f7f5f6; display: block; margin: 0; padding: 3px 0; width: 194px }
/*
.navlevel4         { color: #1e809b; font-size: 11px; background-color: #fff; text-transform: uppercase; list-style-image: url("../images/arrow_level2.gif"); margin: 0; padding: 3px 0 3px 25px; width: 200px; border-top: 1px solid #fff }
*/
.navlevel4         { color: #1e809b; font-size: 11px; background-color: #fff; text-transform: uppercase; margin: 0; padding: 3px 0 3px 25px; width: 200px; border-top: 1px solid #fff }
.navlevel4 a         { color: #1e809b; text-decoration: none; background-color: #fff; display: block; margin: 0; padding: 3px 0; width: 200px }
.navlevel4 a:hover       { color: #d08514; text-decoration: none; background-color: #fff; display: block; margin: 0; padding: 3px 0; width: 200px }
/*
.navlevel5       { color: #403939; font-size: 11px; background-color: #f7f5f6; text-transform: uppercase; list-style-image: url("../images/arrow_level2.gif"); margin: 0; padding: 3px 0 3px 25px; width: 200px; border-top: 1px solid #fff }
*/
.navlevel5       { color: #403939; font-size: 11px; background-color: #f7f5f6; text-transform: uppercase; margin: 0; padding: 3px 0 3px 25px; width: 200px; border-top: 1px solid #fff }
.navlevel5 a        { color: #403939; text-decoration: none; background-color: #f7f5f6; display: block; margin: 0; padding: 3px 0; width: 200px }
.navlevel5 a:hover      { color: #d08514; text-decoration: none; display: block; margin: 0; padding: 3px 0; width: 200px }
.navlevelactive { color: #d24011 }
.navlevelactive a { color: #d24011 }
.navlevelactive a:hover { color: #1e809b }
/* ----------------Hot box homepage  ------------------*/
.hotboxcontainer { margin-bottom: 10px }
.hotboxpic { margin-right: 10px; width: 80px; float: left }
.hotboxtxt { font-weight: bold; width: 110px; float: left }

.boxbg { background-color: #f5f3f4; margin-bottom: 10px }

.styleswitch { margin-top: 2px; padding-right: 10px; float: right }

#calendar    { color: #fff; background-color: #403939; padding-top: 5px; padding-bottom: 5px; position: relative; top: 5px; left: 10px; width: 710px; height: 50px; float: left }
.caldays  { color: #8bdee4; text-align: center; text-transform: uppercase; width: 15px; height: 13px }
.calyear { color: #fff; font-weight: bold; text-align: center }
.caldate  { color: #fff; text-align: center; width: 15px; height: 13px }
.calmonth { color: #8bdee4; text-align: center }
.calevent    { color: #fff; background-color: #5a9aa4; width: 15px; height: 13px }
.calevent a:hover   { color: #fff; text-decoration: none; background-color: #5a9aa4; width: 15px; height: 13px }
.calevent a   { color: #fff; text-decoration: none; background-color: #5a9aa4; width: 15px; height: 13px }
.caleventspecial    { color: #fff; background-color: #d24011; width: 15px; height: 13px }
.caleventspecial a:hover   { color: #fff; text-decoration: none; background-color: #d24011; width: 15px; height: 13px }
.caleventspecial a   { color: #fff; text-decoration: none; background-color: #d24011; width: 15px; height: 13px }
.caleventlong    { color: #fff; background-color: #666; width: 15px; height: 13px }
.caleventlong a:hover   { color: #fff; text-decoration: none; background-color: #666; width: 15px; height: 13px }
.caleventlong a   { color: #fff; text-decoration: none; background-color: #666; width: 15px; height: 13px }

/* ---------------- CALENDAR POPUP  ------------------*/
#calpopup { background-color: #fff; position: absolute; z-index: 100; top: 90px; left: 400px; width: 400px; border: solid 1px #403939 }
.calpopupcontainer { padding-top: 5px; padding-bottom: 10px; width: 380px; border-bottom: 1px solid #f0f0f0 }
.calpopuptitle  { text-align: left; width: 220px; float: left }
.calpopupdate  { color: #5a9aa4; font-size: 10px; font-weight: bold; text-align: left; padding-right: 10px; width: 140px; float: left }

/* ---- END Tom 14-01-08 ----- */
.header              { color: #fff; width: 870px; height: 90px }
.header1 .logo     { color: #403939; font-size: 34px; background-image: url("/images/logo_toerismeoostende.gif"); background-repeat: no-repeat; background-position: left top; text-indent: -1000px; width: 150px; height: 105px; float: left }
.header .logo      { color: #403939; font-size: 34px; width: 150px; height: 125px; float: left }
.header .topnav    { color: #fff; margin: 0; padding: 10px 0 10px 10px; float: right }
.header .topnav a:link   { color: #fff }
.header .topnav a:visited   { color: #fff }
.header .topnav a:hover   { color: #8bdee4 }
.header .topnav a:active   { color: #fff }
.header .langnav            { font-size: 10px; list-style-type: none; margin: 0; padding: 0 0 0 5px; position: relative; top: 5px; float: left }
.header .langnav ul  { margin: 0; padding: 0 }
.header .langnav li       { color: #fff; list-style-type: none; float: left }
.header .langnav a:link        { color: #fff; list-style-type: none; margin: 0 1px 0 0; padding: 3px; float: left }
.header .langnav a:visited        { color: #fff; list-style-type: none; margin: 0 1px 0 0; padding: 3px; float: left }
.header .langnav a:hover       { color: #8bdee4; background-color: #f5f3f4; list-style-type: none; margin: 0 1px 0 0; padding: 3px; float: left }
.header .langnav a:active       { color: #8bdee4; list-style-type: none; margin: 0 1px 0 0; padding: 3px; float: left }
.header .langnav .active a    { color: #8bdee4 }

.navbar              { color: #fff; font-weight: bold; text-decoration: none; background-color: #403939; text-transform: uppercase; height: 35px; vertical-align: bottom }
.navbar .active    { color: #8bdee4; text-decoration: none }
.navbar .active a:link  { color: #8bdee4; text-decoration: none }
.navbar .active a:visited  { color: #8bdee4; text-decoration: none }
.navbar .active a:hover  { color: #fff; text-decoration: none }
.navbar .active a:active  { color: #8bdee4; text-decoration: none }
.navbar ul      { margin: 0; padding: 0 }
.navbar li        { color: #fff; background-repeat: no-repeat; background-position: left 5px; list-style-type: none; padding: 5px 20px 0; height: 25px; float: left }
.navbar a:link   { color: #fff; text-decoration: none }
.navbar a:visited   { color: #fff; text-decoration: none }
.navbar a:hover   { color: #8bdee4; text-decoration: none }
.navbar a:active   { color: #fff; text-decoration: none }
.content     { }
.headerprint   { width: 100%; float: left; clear: left }
.footer           { color: #fff; font-size: 11px; margin: 0; padding: 10px }
.footer a { color: #8bdee4; text-decoration: none }
.footer a:hover { color: #fff; text-decoration: none }
.ffooter { color: #fff }
.botnav    { margin: 0; padding: 0 0 0 10px; width: 600px }
.botnav a:link   { padding-right: 50px }
.botnav a:visited   { padding-right: 50px }
.botnav a:hover   { padding-right: 50px }
.botnav a:active   { padding-right: 50px }
.left     { background-color: white; }
.left2 { background-color: #f7f6f0; padding-right: 1px }
.left td     { font-weight: bold; background-color: white; padding-top: 1px }
.left .cat a:link     { font-size: 14px; padding: 2px; width: 200px; float: left }
.left .cat a:visited     { font-size: 14px; padding: 2px; width: 200px; float: left }
.left .cat a:hover     { color: #fff; font-size: 14px; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .cat a:active     { color: #fff; font-size: 14px; background-color: #f7f6f0; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .catopen a:link    { color: #fff; font-size: 14px; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .catopen a:visited    { color: #fff; font-size: 14px; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .catopen a:hover    { color: #fff; font-size: 14px; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .catopen a:active    { color: #fff; font-size: 14px; background-color: #f7f6f0; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 2px; width: 200px; float: left }
.left .tree  { padding: CSS_PROPERTY_UNDEF CSS_PROPERTY_UNDEF CSS_PROPERTY_UNDEF CSS_PROPERTY_UNDEF }
.left .tree a:link   { }
.left .tree a:visited   { }
.left .tree a:hover    { text-decoration: underline }
.left .tree a:active    { text-decoration: underline }
.right      { font-size: 11px; margin: 0; padding: 0 0 0 10px; width: 200px }
.right th   { color: #fff; font-size: 11px; font-weight: normal; background-color: #403939; text-align: left; text-transform: uppercase; padding: 2px 2px 2px 5px; height: 30px; border-bottom: 1px solid #fff }
.right th a:link  { color: white; text-decoration: none }
.right th a:visited  { color: white; text-decoration: none }
.right th a:hover  { color: #fff; text-decoration: none }
.right th a:active  { color: #fff; text-decoration: none }
.right td  { font-size: 11px }
.right .txt { padding: 4px }
.right H4 { font-size: 11px; margin: 0; padding: 4px 0 0 }
.right p  { padding: 0 0 10px 20px }
.middle   { margin: 0; padding: 0 }
.breadcrumb     { color: #403939; font-size: 10px; padding: 5px 10px 0 0 }
.breadcrumb a:link  { color: #403939 }
.breadcrumb a:visited   { color: #5a9aa4 }
.breadcrumb a:hover   { color: #5a9aa4 }
.breadcrumb a:active   { color: #5a9aa4 }
.pagetitle { }
.pagenavbar  { vertical-align: middle }
.title { }
.imgbig { text-align: right; padding-bottom: 10px }
.subtitle { }
H1   { color: #403939; font-size: 15px; font-weight: bold; padding-bottom: 10px }
H2    { color: #5a9aa4; font-size: 14px; font-weight: bold; padding-bottom: 5px }
H3  { font-size: 14px; font-weight: bold; padding-bottom: 5px }
H4  { font-size: 12px; font-weight: bold; padding-bottom: 5px }
.txtallert  { color: #d24011; font-size: 14px; font-weight: bold }
.txt    { margin: 0; padding: 10px 0 }
.txt H1   { color: #403939 }
.txt H2  { color: #5a9aa4; margin: 10px 0 0; padding: 0 }
.txt H3  { color: #403939 }
.txt H4  { color: #d24011; margin: 0; padding: 0 }
.txt p {  }
.txtsmall { font-size: 10px }
.txtblue { color: #403939}
.txtred { color: #d24011 }
.txtcolour {  }
.listimg   { padding-top: 10px; padding-bottom: 10px }
.listimg H4  { margin: 0; padding: 10px 0 0 }
.listimg H4  { margin: 0; padding: 10px 0 0 }
.listimg p    { text-align: justify; margin: 0; padding: 0 130px 0 20px }
.listimg p a { text-align: right; position: relative; width: 150px}
.listxt   { padding-top: 10px; padding-bottom: 10px }
.listxt H4 img  { float: right }
.listxt H4   { margin: 0; padding: 10px 0 0 0 }
.listxt p     { margin: 0; padding: 0 0 0 20px }
.listxt p adisable { position: relative; width: 150px}
.listxt .link1 { position: relative; width: 150px}
.listxt .link2 { padding-right: 20px; position: relative; width: 150px}
.listxt .link3 { tposition: relative; width: 300px}
.listindent { padding-top: 10px; padding-bottom: 10px; padding-left: 20px }
.form  { color: #403939; background-color: #f2f2f2; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; padding: 10px }
.input    { color: #403939; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, sans-serif; margin: 1px; padding: 1px; border: inset 1px #808080 }
.input100  { color: #403939; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, sans-serif; margin: 1px; padding: 1px; width: 100px; border: inset 1px #808080 }
.input150 { color: #403939; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, sans-serif; margin: 1px; padding: 1px; width: 150px; border: inset 1px #808080 }
.input    { color: #403939; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, sans-serif; margin: 1px; padding: 1px; border: inset 1px #808080 }
.input    { color: #403939; font-size: 11px; font-family: Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, sans-serif; margin: 1px; padding: 1px; border: inset 1px #808080 }
.eventcorner { font-size: 11px }
.eventcorner h4 { font-size: 11px; margin: 0; padding: 2px }
.eventcorner a:link  { color: #fff; font-size: 11px; text-decoration: none; background-color: #403939; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; text-align: left; padding: 0; width: 200px; float: left }
.eventcorner a:visited  { color: #fff; font-size: 11px; text-decoration: none; background-color: #403939; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; text-align: left; padding: 0; width: 200px; float: left }
.eventcorner a:hover  { color: #fff; font-size: 11px; text-decoration: none; background-color: #d24011 !important; background-image: url("/images/corner.gif"); background-repeat: no-repeat; background-position: right top; text-align: left; padding: 0; width: 200px; float: left }
.eventcorner a:active  { color: #fff; font-size: 11px; text-decoration: none; background: #d24011 url("/images/corner.gif") no-repeat right top !important; text-align: left; padding: 0; width: 200px; float: left }
.eventcorner th  { font-weight: bold; text-align: left; border-top: 1px solid #fff; border-left: 1px solid #fff }
.eventcorner td  { border-left: 1px solid #fff }
.calendar td { color: #b2b2b2; text-align: center }
.calendar a { font-weight: bold }
.calendar .today { color: #d24011 }
.calendar .today a:link { color: #d24011 }
.calendar .today a:visited { color: #d24011 }
.calendar .today a:hover { color: #d24011; text-decoration: underline }
.calendar .today a:active { color: #d24011; text-decoration: underline }
.button { }
.button a:link      { color: #fff; font-size: 14px; background-color: #5a9aa4; background-image: url("/images/cornerbottom.gif"); background-repeat: no-repeat; background-position: right bottom; padding: 2px; width: 200px; float: right; border-top: 1px solid #fff }
.button a:visited      { color: #fff; font-size: 14px; background-color: #5a9aa4; background-image: url("/images/cornerbottom.gif"); background-repeat: no-repeat; background-position: right bottom; padding: 2px; width: 200px; float: right; border-top: 1px solid #fff }
.button a:hover     { color: #fff; font-size: 14px; background-color: #403939; background-image: url("/images/cornerbottom.gif"); background-repeat: no-repeat; background-position: right bottom; padding: 2px; width: 200px; float: right; border-top: 1px solid #fff }
.button a:active     { color: #fff; font-size: 14px; background-color: #5a9aa4; background-image: url("/images/cornerbottom.gif"); background-repeat: no-repeat; background-position: right bottom; padding: 2px; width: 200px; float: right; border-top: 1px solid #fff }
.screenhidden     { }
.printhidden     { }

/* HOTEL MODULE */

/* HOTEL LIST */
.headerline  { background-image: url(/images/hotels/headerline.gif); background-repeat: repeat-x }
.dottedline  { background-image: url(/images/hotels/dottedline.gif); background-repeat: repeat-x }
.dottedline2  { border-bottom: 1px solid #d1cfd0 }
.section  { color: #fff; font-size: 12px; font-weight: bold; background-color: #403939; padding: 5px 15px 0 5px }
.hoteltitle  { color: #403939; font-size: 12px; font-weight: bold }
.imgspace { padding: 0 10px 5px 0 }
/* TABS NaVIGATION */
 #tabsI   { color: #fff; font-size: 93%; line-height: normal; background: #fff; width: 100%; float: left; border-bottom: 3px solid #403939 }
    #tabsI ul   { color: #fff; list-style: none; margin: 0; padding: 10px 10px 0 0 }
    #tabsI li    { color: #fff; display: inline; margin: 0; padding: 0 }
#tabsI a   { color: #fff; text-decoration: none; background: url("/images/hotels/tableft2.gif") no-repeat left top; margin: 0; padding: 0 0 0 5px; float: left }
#tabsI a span     { color: #fff; font-weight: bold; background: url("/images/hotels/tabright2.gif") no-repeat right top; text-transform: uppercase; display: block; padding: 5px 15px 4px 6px; float: left }
#tabsI .tabsactive a   { color: #fff; text-decoration: none; background: url("/images/hotels/tableft.gif") no-repeat left top; margin: 0; padding: 0 0 0 5px; float: left }
#tabsI .tabsactive a span   { color: #fff; font-weight: bold; background: url(/images/hotels/tabright.gif) no-repeat right top; text-transform: uppercase; display: block; padding: 5px 15px 4px 6px; float: left }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
#tabsI .tabsactive a span { float: none }
/* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
#tabsI a:hover {
      background-position:0% -42px;
      }
#tabsI a:hover span { background-position: 100% -42px }
/* Progression bar */
img.percentImage   { background: white url(/images/hotels/percentImage_back.png) no-repeat 1px 0; margin: 5px 0 0; padding: 0 }
.emailcheck { display: none }