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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
/*      vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background-color: white; /* #f0f0f0; */
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



/*
 * BEGIN
 *
 */
body {
        font-family: Tahoma, Arial, Verdana;
        font-size: 11px;
        width: 100%;
}
.hide {
        display: none;
}
.clearer {
        clear: both;
        display: block;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}
.after {
        height: 0.1%; 
}
.after:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}


div.pageSize {
        width: 935px;
        margin: 20px auto 0 auto;
}

div.hd {
	height: 75px;
}
div.hd .logo, div.hd .intro {
	display: inline;
}
div.hd .logo img, div.hd .intro img {
	vertical-align: bottom;
}


div.mn {
	background: url(/img/menubackground.gif) top left repeat-x;
	margin-bottom: 18px;
	float: left;
	width: 100%;
	position: relative;
}
div.mn .nonsense {
	float: right;
	background: url(/img/nonsense.jpg) top right no-repeat;
	width: 115px;
	height: 32px;
	position: absolute;
	right: 0;
	top: -8px;
}
div.mn ul {
        margin: 0;
        margin-left: 10px;
        list-style: none;
        float: left;
        display: inline; /* IE double margin */
	position: relative;
	top: -1px;
}
div.mn ul li {
        float: left;
        margin: 0;
        margin-right: 10px;
        padding: 0 0 0 16px;
}
div.mn ul li a {
        float: left;
        display: block;
        padding: 5px 15px 5px 6px;
        text-decoration: none;
        font-weight: bold;
        color: #666666;
        font-size: 11px;
	vertical-align: middle;
}
div.mn ul li a.skype, a.skype {
	background: url(http://mystatus.skype.com/smallicon/mfonzie) 0% 55% no-repeat;
	padding-left: 20px;
	color: #62a727;
}
div.mn ul li a.chat {
	color: #62a727;
	padding-left: 13px;
	background: url(http://www.google.com/talk/service/badge/Show?tk=z01q6amlqoec90neoo1l6rnahs6ght0u6f24qg92u6p2urk64sil1mc99noug1us21dfdqfui006ep9s7d374glg2djv8tbomp96p4ns95lhn8hpcbqvoatu990tk03jeqm9f2di22grg2d67kilcaicb01t4s08rcago00o6&w=9&h=9) 0% 50% no-repeat;
}
div.mn ul li a:hover {
	color: #cc0000;
}
div.mn ul li.current {
        background: url("/img/leftbracket.jpg") left top no-repeat;
}
div.mn ul li.current a {
        font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	margin-top: 0;
        background: url("/img/rightbracket.jpg") no-repeat right top;
        color: #cc0000;
        padding: 2px 24px 0px 6px;
	line-height: 1.2em;
}


div.bd {
	width: 929px;
	margin: 0 auto;
	clear: both;
	position: relative; /* needed for .whiteboard */
	height: 350px; 
}
div[class='bd'] {
	height: auto !important;
	min-height: 350px; 
}
div.bd div#localerrors {
	padding: 5px 0 25px 0;
	margin: 0 auto;
	width: 75%;
}
div.bd div#localerrors table {
	margin: 0 auto;
}

div.bd div#localerrors blink {
        color: white;
        font-weight: bold;
        font-size: 18px;
        background-color: #c62929;
        padding: 6px 5px;
        margin-right: 5px;
	display: block;
}
div.bd div#localerrors p {
        color: #c62929;
        font: bold 13px Arial;
}
div.bd div#localerrors p a {
	color: #0083cd;
	padding-left: 5px;
	white-space: nowrap;
}

div.bd p.status {
	margin: 0 0 2px 15px;
	color: #a3a3a3;
	font-family: Arial;
	line-height: 1.5em;
}
div.bd p.status img {
	vertical-align: middle;
	padding-right: 3px;
}
div.bd .controls {
	margin: 0 auto 25px auto;
	padding-top: 10px;
	font: 12px Arial, Verdana;
	white-space: nowrap;
	text-align: center;
}
div.controls select, div.bd input.txtbox {
	background-color: #fff0c4;
	border: 1px solid #a7a6aa;
	margin: 0 5px 0 5px;
	font: bold 12px Arial, Verdana;
	padding-left: 1px;
}
div.controls input.txtbox {
	width: 110px;
}
div.controls input.btn {
	font-family: arial;
	padding: 0 20px;
}
div.bd p.status a {
	color: #0083cd;
}


div.bd .whiteboard {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 97;
	background-color: white;
	display: none;
}
div.bd .boxTop {
	height: 7px;
	background: url(/img/boxTop.jpg) left top no-repeat;
}
div.bd .boxMiddle {
	background: url(/img/boxMiddle.jpg) left top repeat-y;
}
div.bd .boxMiddle .boxMiddleInner {
	margin-left: 5px;
	margin-right: 3px;
	padding: 15px 10px 20px 12px;
	height: 280px; /* fixed minimum height */
}
div.bd .boxMiddle div[class="boxMiddleInner"] {
        min-height: 280px;
        height: auto !important;
}
div.bd .boxMiddle .boxMiddleInner.hasBgColour {
	background: url(/img/orangebackground.gif) left bottom repeat-x;
	padding-bottom: 30px;
}
div.bd .boxBottom {
	height: 11px;
}
div.bd .boxBottom.hasOrangeBg {
	background: url(/img/boxBottomOrange.jpg) left top no-repeat; 
}
div.bd .boxBottom.hasWhiteBg {
	background: url(/img/boxBottomWhite.jpg) left top no-repeat; 
}


.desert.catalogue .col {
	float: left;
}
.desert.catalogue .c1 {
	width: 230px; /* do not change, fixed image width */
	margin-right: 13px;
}
.desert.catalogue .c2 {
	width: 360px;
	margin-right: 20px;
}
.desert.catalogue .c3 {
	width: 260px;
}


.c1 {
	text-align: center;
	position: relative; 
}
.c1 img.image {
	width: 210px; /* fixed width, don't change */
	height: 207px; /* fixed height, don't change */
	cursor: pointer;
	margin-bottom: 10px;
}
.c1 a.plusicon {
	position: absolute;
	top: -8px;
	left: 2px;
}
.c1 a.reserve {
	color: #cb0000;
	padding: 6px 20px 10px 40px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(/img/bookingbuttonbackground.gif) top left no-repeat;
	line-height: 2em;
}
.c1 .photo {
	background-color: #adadad;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 99;
	display: none;
        width: 440px;
        height: 350px;
}
.c1 div[class="photo"] {
	height: auto !important;
	min-height: 350px;
}
.c1 .photo .photoDesert {
	position: relative;
	bottom: 6px;
	right: 6px;
	border: 1px solid black;
	background-color: #e3e3e3;
	text-align: center;
        width: 440px;
        height: 350px;
}
.c1 div[class="photo"] .photoDesert {
	height: auto !important;
	min-height: 350px;
}
.c1 .photo .photoControls {
	position: absolute;
	width: 420px;
	top: 0;
	left: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}
.c1 .photo .photoControls .toleft {
	float: left;
	margin-right: 8px;	
}
.c1 .photo .photoControls .toright {
	float: right;
}
.c1 .photo .photoDesert img.main {
	width: 100%; /* enlarge image? */
}
.c2 h1 {
	font-family: Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	display: inline;
	line-height: 1.25em;
}
.c2 p {
	color: #333333;
	line-height: 1.20em;
	display: inline;
}
.c2 b.price, .price {
	color: #b30000;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	margin-top: 20px;
}
.c2 b.price {	
	display: block;
	margin-top: 25px;
}
.c2 b.price span {
	color: #333333;
	font-family: Tahoma,Arial;
	font-size: 12px;
	font-weight: normal;
}
.c2 b.price i {
        color: #535353;
        line-height: 1.7em;
        font-weight: normal;
        font-style: normal;
        font-family: Arial;
        font-size: 11px;
}
.c2 a.quote {
	color: #0083cd;
}
.c3 h2 {
	text-align: right;
	background: url(/img/reddot.jpg) left 60% repeat-x;
	margin-bottom: 6px;
}
.c3 h2 span {
	color: #a6310c;
	background-color: white;
	font: bold 12px Verdana, Arial;
	padding-left: 8px;
}
.c3 .firstbullets ul {
	margin-left: 5px;
}
.c3 .firstbullets ul li {
	font-weight: bold;
	line-height: 1.4em;
	background: url(/img/tick.gif) left 60% no-repeat;
	padding-left: 17px;
}
.c3 .secondbullets {
	margin-top: 25px;
}
.c3 .secondbullets ul {
	float: left;
	padding-left: 7px;
	width: 47%;
	/* display: inline; triggers more shit on IE6 */
}
.c3 .secondbullets ul li {
	text-align: left;
	line-height: 1.25em;
        background: url(/img/bull.jpg) 0% 60% no-repeat;
        padding-left: 10px; 
}


.cflow {
	margin: 10px auto 0 auto;
	width: 97%;
}
.cflow a.guide {
	float: left;
	width: 2%;
	border: 1px solid white;
	margin-top: 15px;
}
.cflow .guide.left {
	margin-right: 1%;
}
.cflow .guide.right {
        text-align: right;
	margin-left: 1%;
}
.cflow a.guide:hover {
	border-width: 1px;
	border-style: solid;
	border-top-color: #c8dff2;
	border-left-color: #c8dff2;
	border-bottom-color: #6f808d;
	border-right-color: #6f808d;
}

.cflow .cflowdata {
	float: left;
	background: url(/img/cflowgraygradient.jpg) left 28px repeat-x;
	width: 93%;
	height: 100px; /* this box has got height, to properly place the background image */

	overflow-x: hidden;
	position: relative; /* IE madness */
}
.cflow .cflowdata table {
	border-collapse: separate;
	position: relative;
}
.cflow .cflowdata table td {
	width: 80px; 
	margin: 0;
	padding: 8px 5px 0 5px;
	text-align: center;
	position: relative;
}
.cflow .cflowdata table td a {
	cursor: pointer;
}
.cflow .cflowdata table td b {
	white-space: nowrap;
}


.desert.bkstarter {
	margin: 5px 15px 0 15px;
}
.desert.bkstarter .headings h1 {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	display: inline;
}
.desert.bkstarter .headings select {
	margin-left: 10px;
}
.desert.bkstarter .headings p {
	color: #543b3b;
	font-family: Arial;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 5px;
	margin-bottom: 25px;
}
.desert.bkstarter .headings p a {
	color: #5050c5;
}

table.roomlist {
        border-collapse: collapse;
        margin: 0;
        width: 100%;
}
table.roomlist th {
        font: normal 11px Verdana;
        border-bottom: 1px solid #003580;
        padding: 0 12px 1px 12px;
	color: gray;
}
table.roomlist tr td {
        font: bold 12px Arial;
        color: black;
        padding: 0 12px 5px 12px;
}
table.roomlist tr.firstRow td {
        padding-top: 5px;
}
table.roomlist tr td span.counter,
table.roomlist tr.okay td.status {
        color: #488000; /* dark green */
}
table.roomlist tr.canc td {
        color: gray;
        text-decoration: line-through;
}
table.roomlist tr.canc td.status {
        color: red; /* status: {U,A,S,PRE}-CANC U-NOSHOW */
        text-decoration: none;
}
table.roomlist tr td button {
        font-size: 11px;
	overflow: visible;
	padding: 0 15px;
}
.nobr {
        white-space: nowrap;
}
.isRecent {
        font-weight: bold;
        color: red !important;
}
table.roomlist tfoot td {
        border-top: 1px solid #003580;
	padding: 3px 0 0 30px;
}
table.roomlist tfoot td.toright {
        text-align: right;
        padding: 12px 0 25px 0;
}
/*
table.roomlist tfoot tr td span {
        color: black;
        font-size: 16px;
        margin-left: 5px;
	margin-right: 10px;
        padding: 3px 35px;
        border: 1px solid #003580;
}
*/
tr .all { text-align: left; }
tr .alc { text-align: center; }
tr .alr { text-align: right; }

table.roomlist tr.bkrDetails td {
        padding: 0;
        color: #48496b;
}
table.roomlist tr.bkrDetails td.addBackGround {
        background: url(/img/detailsConnector.png) 15px 5px no-repeat;
        padding-left: 30px;
        padding-bottom: 10px;
}
table.roomlist tr.bkrDetails td.addBackGround div {
        margin-top: 5px;
	margin-right: 10px;
        padding: 0px 10px 10px 10px;
        background-color: #fff0c4;
}
table.roomlist tr.bkrDetails td.addBackGround div h4 {
	font: italic normal 11px Tahoma, Arial;
	padding-top: 10px;
}
table.roomlist tr.bkrDetails td.addBackGround div p {
        font-weight: normal;
        font-family: Tahoma, Arial;
        font-size: 11px;
        padding-top: 1px;
	padding-left: 25px;
        line-height: 1.2em;
}

table.roomlist i.sidenote {
	color: #909090;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: normal;
        font-style: normal;
        font-family: Arial Narrow;
        font-size: 90%;
}
table.roomlist i.sidenote.nopadding {
	padding: 0;
}
table.roomlist span.strike {
	text-decoration: line-through;
}
table.roomlist span.red {
	color: #cc0000;
}
div.buttons {
	text-align: right;
	padding-right: 30px;
}
div.buttons input {
	overflow: visible; /* IE madness */
	padding: 0 10px;
}


/*
 * BOOKING FORM
 *
 */

div.CustBox {
        margin-top: 30px;
        height: 1%;
}
div.CustBox div.CustInnerBox {
        width: 370px;
        float: left;
        display: inline; /* IE margin-left */
        height: 1%;
}
div.CustBox div#cc_issue {
        display: none;
}
div.CustBox input {
        padding: 2px;
        width: 221px;
}
div.CustBox select {
        padding: 1px;
        width: 227px;
}
div.CustBox input,
div.CustBox select {
        font: 12px Arial, Verdana;
        margin-bottom: 4px;
        background-color: #fff0c4;
        border: 1px solid #a9a9a9;
        float: left;
}
/*
div.CustBox input[name],
div.CustBox select[name] {
	border-top-color: #d1d1d1;
	border-left-color: #d1d1d1;
	border-right-color: #393939;
	border-bottom-color: #393939;
}
*/
div.CustBox input.noborder {
	border-color: #fff0c4;
	margin-bottom: 0;
	padding-bottom: 6px;
	padding-left: 6px;
}
div.CustBox label {
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;

        width: 120px;
        padding-right: 5px;
        float: left;
        text-align: right;
        white-space: nowrap;

        padding-top: 2px;

}
div.CustBox label span {
        color: gray;
        font-size: 11px;
}
div.CustBox span.req {
        font-size: 11px;
        color: #d92929;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 4px;
        float: left;
}
div.CustBox select.selCustWidth {
        width: 109px;
}
div.CustBox input.iptCustWidth {
        width: 80px;
}


div.RemarksBox {
        width: 755px;
        margin: 30px 10px 20px 0px;
        height: 1%;
}
div.RemarksBox textarea {
        font: 12px Arial, Verdana;
        background-color: #fff0c4;
        border: 1px solid #a9a9a9;
}
div.RemarksBox p {
        text-align: right;
        color: gray;
        margin-right: 5px;
        margin-bottom: 2px;
}
div.RemarksBox label {
        width: 120px;
        font-family: Arial;
        font-weight: bold;
        font-size: 13px;
        float: left;
        text-align: right;
        padding-right: 5px;
}
div.RemarksBox label span {
        color: gray;
        font-size: 11px;
}
div.RemarksBox textarea {
        padding: 2px;
        width: 617px;
        height: 70px;
}


input.erroneous,
textarea.erroneous,
select.erroneous {
        background-color: #fb5e5e !important;
}


/*
 * VOUCHER
 *
 */
div.printme {
        margin: 0 auto;
        width: 96%;
        text-align: left;
}
div.printme img {
        vertical-align: middle;
}
div.printme a {
        font-weight: bold;
        line-height: 1.5em;
        padding-left: 5px;
}
div.voucherOuterBox {
        background-color: #333333;
        position: relative;

        margin: 0 auto 5px auto;
        width: 96%;
}
div.voucherOuterBox div.voucherInnerBox {
        border-width: 2px;
        border-style: solid;

        border-left-color: #aaaaaa;
        border-top-color: #aaaaaa;
        border-bottom-color: #333333;
        border-right-color: #333333;

        padding: 25px 30px;
        background-color: white;

        top: -2px;
        left: -2px;
        position: relative;
}


/*
 * LOGINS
 *
 */
table.logins {
        width: 65%;
        margin-bottom: 150px;
}
table.logins th,
table.logins td {
        vertical-align: middle;
        padding-top: 15px;
}
table.logins th {
        font-weight: bold;
        font-family: Verdana;
        font-size: 12px;
        text-align: right;
        width: 1%;
        padding-right: 15px;
        white-space: nowrap;
}
table.logins td {
        background-color: #e0e9ed;
        color: #717171;
        padding-left: 20px;
}
table.logins td input {
        width: 70%;
}
table.logins td button {
        margin-bottom: 10px;
}

div.timeline {
	background-color: #f3f3f3;
	border-left: 1px solid #dddddd;
	width: 400px;
	float: right;
	margin-left: 35px;
}
div.timeline .innerdesert {
	margin: 15px 30px 50px 20px;
}
div.timeline h3 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #2d2d2d;
	margin-bottom: 10px;
}
div.timeline .seeMain {
        border: 1px solid #cccccc;
	width: 376px; /* fixed */
        height: 286px; /* fixed */
        float: left;
}
div.timeline .seeMain .seeMainPicture {
        margin: 8px auto 4px auto;
        width: 360px; /* image container */
        height: 270px; /* image container */
}
div.timeline .seeMain .seeMainPicture img {
        width: 360px;
        height: 270px;
}
div.timeline .seeThumb {
        margin-top: 6px;
        float: left;
        width: 376px;
}
div.timeline .seeThumb img {
        width: 55px; /* fixed img width */
        height: 55px; /* fixed img height */
        opacity: 0.7;
        filter: alpha(opacity=70);
}
div.timeline .seeThumb a {
        float: left;
        margin-right: 1px;
        margin-bottom: 1px;
        border: 3px solid white;
}
div.timeline .seeThumb a:hover {
        border: 3px solid #ffde84;
}
div.timeline .seeThumb a.selected {
        border: 3px solid #feba02;
}
div.timeline .seeThumb a:hover img,
div.timeline .seeThumb a.selected img {
        opacity: 1.0;
        filter: alpha(opacity=100);
}



div.contactSuccess {
        font-family: Arial;
        font-size: 13px;
        line-height: 1.35em;
        color: #383838;
        text-align: center;
        margin-top: 100px;
        margin-bottom: 120px;
}
div.contactSuccess img {
        width: 25px;
        vertical-align: bottom;
        padding-right: 10px;
}
div.contactSuccess b {
        font-size: 18px;
}
div.contactSuccess p {
        margin-top: 10px;
}


div.ft {
	margin-top: 10px; 
	margin-bottom: 30px;
	text-align: center;
	color: #555555;
	line-height: 1.5em;
}
div.ft a {
	color: #5050c5;
}
div.ft a img {
	width: 20px;
	vertical-align: bottom;
	padding-right: 2px;
}