body					    { margin: 0px; padding: 0px; font-family: Helvetica, sans-serif; background-color: rgb( 208, 208, 208 ); box-sizing: border-box; }

img						    { border: none; }

p, h1, h2				    { margin: 0px 0px 4px 0px; font-weight: normal; font-size: 1.0em; }
h3, h4					    { margin: 0px 0px 8px 0px; font-weight: bold;   font-size: 1.0em; padding-top: 16px; }
h3						    { color: rgb( 57, 130, 235 ); }
h4						    { color: white; }

ul						    { margin: 4px 0px 4px 0px; padding-left: 0px; }
li						    { margin: 2px 0px 0px 20px; }

input, select, textarea		{ font-size: 1.0em; background-color: white; border: none; }
input, select               { max-width: 600px; }
input[type=submit]			{ padding-top: 4px; padding-bottom: 4px; border-radius: 3px; background-color: rgb( 64, 64, 64 ); color: white; cursor: pointer; }

div#margins				    { margin-left: auto; margin-right: auto; margin-top: 20px; padding-left: 20px; padding-right: 20px; background-size: 90%; background-position: center 85px; background-repeat: no-repeat; background-attachment: fixed; }
div#min-height				{ min-height: 1400px; }

div.panel				    { border-radius: 20px; }
div.panelleft			    { padding: 20px  0px 10px 20px; }
div.panelright			    { padding: 20px 20px 10px 20px; }

img#logo				    { display: block; float: left; width:  85px; height: 85px; }
img#name				    { display: block; float: left; width: 287px; height: 68px; margin-top: 8px; }
img#santa                   { position: absolute; left: 28px; top: -8px; width: 90px; height: 127px; }
img#netbanx                 { width: 152px; height: 65px; }
img#ssl                     { width: 140px; height: 65px; }

img.featureimage            { border-radius: 7px; }
img.hotelimage              { border-radius: 7px; }

h1#slogan				    { font-weight: normal; margin: 10px 0px 10px 25px; color: gray; }
p#slogan-placeholder	    { font-weight: normal; margin: 10px 0px 10px  0px; }

img.arrow					{ width: 20px; height: 20px; }
h2.arrow				    { margin: 0px; }

div.nonclickable		    { margin: 0px 10px 15px 10px; padding: 10px 15px 10px 15px; border-radius: 7px; color: white; background-color: rgb( 94, 165, 255 ); }
div.clickable			    { margin: 0px 10px 15px 10px; padding: 10px 15px 10px 15px; border-radius: 7px; color: white; background-color: rgb( 57, 130, 235 ); cursor: pointer; }
div#clickable-placeholder	{ margin: 0px  0px 15px  0px; padding: 10px  0px 10px  0px; }
div.clickable:hover		    { background-color: rgb( 50, 113, 205 ); }
div.clicableleft			{ margin: 10px 30px 15px 10px; }

div.expand				    { margin: 0px 10px 20px 10px; padding:  0px 30px 16px 30px; border-radius: 7px; background-color: white; }
div.expandguides			{ margin: 0px 10px 20px 10px; padding: 16px 20px  4px 20px; border-radius: 7px; background-color: white; }

div.pdf						{ margin-bottom: 10px; border-radius: 7px; padding: 7px; background-color: rgb( 64, 64, 64 ); color: white; background-repeat: repeat-y; cursor: pointer; }
div.pdf:hover				{ background-color: rgb( 48, 48, 48 ); }
img.pdf						{ width: 30px; height: 30px; margin-top: 2px; margin-left: 2px; }
p.pdf						{ margin-left: 45px; margin-bottom: 0px; }

div.video					{ margin-bottom: 10px; border-radius: 7px; padding: 7px; background-color: rgb( 64, 64, 64 ); color: white; background-repeat: repeat-y; cursor: pointer; }
div.video:hover				{ background-color: rgb( 48, 48, 48 ); }
img.video					{ width: 29px; height: 25px; margin-left: 2px; margin-top: 4px; }
p.video						{ margin-left: 45px; margin-bottom: 0px; }

div.video-placeholder		{ margin-bottom: 10px; border-radius: 7px; padding: 7px; color: gray; border: 1px dashed gray; }
p.video-placeholder			{ margin-left: 45px; margin-bottom: 0px; }

div#slides					{ width: 100%; margin-top: 20px; margin-right: 60px; }

div.news					{ border-radius: 7px; border: 10px solid pink; background-color: rgb( 240, 240, 240 ); margin-left: auto; margin-right: auto; width: 40%; min-width: 380px; padding: 10px 20px 10px 20px; text-align: center; cursor: pointer; }
div.news:hover				{ background-color: white; }

div.slide					{ border-radius: 7px; background-color: rgb( 64, 64, 64 ); color: white; text-align: center; cursor: pointer; }
div.slide:hover				{ background-color: rgb( 48, 48, 48 ); }
div.slidepart				{ margin-left: auto; margin-right: auto; width: 40%; min-width: 380px; }
div.slidefull				{ margin-left: 30px; margin-right: 30px; }
div.slideall				{ padding: 30px 30px 15px 30px; }
div.slideupper				{ padding: 30px 30px  0px 30px; }
div.slidemid				{ padding:  0px 30px  0px 30px; }
div.slidelower				{ padding:  0px 30px 15px 30px; }
div.userlink				{ color: silver; }
div.userlink:hover			{ color: white; }

p#quote                     { min-height: 50px; }

div.screen					{ border-radius: 7px; margin: 0px 30px 20px 10px; padding: 15px 10px 10px 10px; background-color: rgb( 64, 64, 64 ); }
div.screenedge				{ border-radius: 7px; height: 400px; cursor: pointer; }
div.screenedge:hover		{ background-color: rgb( 48, 48, 48 ); }
div.screenleft				{ padding: 15px 15px 0px  5px; }
div.screenright				{ padding: 15px  5px 0px 15px; }
div.screencentre			{ margin-left: 50px; margin-right: 50px; text-align: center; }
div.screenthumb				{ border-radius: 7px; margin: 0px 30px 20px 10px; padding: 15px 0px 10px 20px; text-align: center; background-color: rgb( 64, 64, 64 ); cursor: pointer; }
div.screenthumb:hover		{ background-color: rgb( 48, 48, 48 ); }
div.screenthumbinner		{ height: 160px; background-size: 100% 100%; }

img#screenshot-image		{ width: 100%; max-width: 1416px; max-height: 882px; }

div.screenshoticon			{ width: 60px; border-radius: 7px; margin-left: 20px; padding-top: 8px; padding-bottom: 8px; background-color: rgb( 19, 229, 72 ); }
img.screenshoticon			{ width: 30px; height: 30px; }

form.esti				    { margin: 10px 0px 10px 0px; border-radius: 7px; background-color: rgb( 150, 150, 150 ); padding: 12px 16px 12px 16px; }

div.google				    { padding: 5px; border-radius: 7px; background-color: white; margin: 10px 0px 10px 0px; min-height: 70px; }

div.guides				    { padding: 20px; border-radius: 7px; color: white; background-color: rgb( 94, 165, 255 ); }
div.guide                   { cursor: pointer; }
img.guide					{ float: left; width: 32px; height: 32px; padding-bottom: 4px; }
p.guide						{ padding-top: 6px; padding-left: 40px; }

span.search-outline         { background-color: rgb( 94, 165, 255 ); color: white; }
span.search-solid           { background-color: rgb( 57, 130, 235 ); color: white; }

div.help					{ border-radius: 7px; margin: 0px 10px 15px 10px; padding: 15px; background-color: rgb( 64, 64, 64 ); }

div#menu				    { padding-left: 20px; }
div.container			    { position: relative; top: 0px; left: 0px; /* so that relative positioning of elements within is relative to this container and not the window */ }

img#hits				    { width: 50px; height: 18px; vertical-align: top; position: relative; top: -1px; }

div#footer-outer		    { margin-top : 20px; margin-bottom:  0px; padding-top: 20px; padding-bottom: 10px; }
div#footer-inner		    { border-radius: 10px; padding: 10px 20px 10px 20px; background-color: rgba( 96, 96, 96, 0.6 ); }

.hand					    { cursor: pointer; }

.hidden					    { display: none; }
.block					    { display: block; }

.invisible					{ visibility: hidden; }

.floatleft				    { float: left; }
.floatright				    { float: right; }
.clear					    { clear: both; }
.clearleft				    { clear: left; }
.clearright				    { clear: right; }

.widthright                 { width: 340px; }

.margintop				    { margin-top:      4px; }
.marginbottom			    { margin-bottom:   4px; }
.marginleft				    { margin-left:     8px; }
.marginright			    { margin-right:    8px; }
.marginnone				    { margin:  		   0px !important; }
.padtop					    { padding-top:     4px; }
.padbottom				    { padding-bottom:  4px; }
.padleft				    { padding-left:    8px; }
.padright				    { padding-right:   8px; }
.padnone				    { padding:         0px; }
.gaptop					    { margin-top:	  20px; }
.gapbottom				    { margin-bottom:  20px; }
.gapleft				    { margin-left:	  30px; }
.gapright				    { margin-right:   30px; }
.padgaptop				    { padding-top:	  20px; }
.padgapbottom			    { padding-bottom: 20px; }

.centre					    { text-align: center; }
.right					    { text-align: right; }
.top					    { vertical-align: top; }
.middle					    { vertical-align: middle; }
.bottom					    { vertical-align: bottom; }

.narrow					    { width: 1px; }
.wide					    { width: 100%; }
input.wide				    { width: 95%; }
select.wide				    { width: 95%; }

.nowrap						{ white-space: nowrap; }

.black					    { color: black; }
.blue					    { color: blue; }
.darkgrey				    { color: dimgray; }
.grey					    { color: gray; }
.lightgrey				    { color: lightgray; }
.silver						{ color: silver; }
.white						{ color: white; }

.green                      { color: rgb( 19, 229, 72 ); }

.bold						{ font-weight: bold; }
.italic						{ font-style: italic; }
.underline					{ text-decoration: underline; }
.strike                     { text-decoration: line-through; }