html, body{margin:0; padding:0; background:#C7E0F8;}
html {overflow-y: scroll;}
button, input, select, textarea {font-size:80%;}
textarea[name=message] {height:5em; width:20em;}
textarea[name=recipient_address] {height:8em;}

.gift_container {padding:3px 0; color:#fff; text-align:center; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; cursor:pointer;}
.gift_container img {display:block; margin:auto;}
.gift_container.inline {margin-top: 5%;}
.gift_container:nth-child(1){margin:0 100% 0 0;}
/* .gift_container:nth-child(6){margin:0 11%;} */
.gift_container:nth-child(12){margin:0 30% 0 0;}
/* .gift_container:nth-child(13){margin:0 11%;} */
.inline {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;}
.hidden {display:none}
.msg {margin-left:20px; padding-top:40px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.text {position:absolute; padding:4% 10%;}
.text h1 {margin:2% 0;}
.img-float-none-frame {float: none; margin: 0; max-height: fit-content; border: 2px solid black; border-style: solid; border-style: double; border-width: thin; border-width: 4px; font-style: italic; font-size: small; padding: 14px; background: #fdfdfd; /* background-color: #EDEDE5; background-color: rgba(237, 237, 229, 1); */ box-shadow: inset 1px 1px 1px #828282; -moz-box-shadow: inset 1px 1px 1px #828282; -webkit-box-shadow: inset 1px 1px 1px #828282; box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.55); -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.55); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.55); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.img-float-none-frame-inner-outline {outline: thin solid black; outline-offset:  -14px;}  

#main {display:none;}
#daddr, #dcity {margin-bottom:3%;}
#decorations {position:relative; width:40%; float:left;}
#room {position:absolute; top:0; left:0; width:100%; height:99%;}
#bg {width:100%; height:100%;}
#wrapper {position:absolute; top:0; left:0; width:50%;}
#snowflakebox {height:100%; width:60%; float:left; position:relative; left:-14px;}
#snowflakebox img {height:100%; width:100%; left: 0; top: 0; opacity: 0.8;}
#snowflakebox div {position:absolute; top:7%; left: 6%; width:80%; text-align:center; color:#06c; line-height:0.95; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;}
#snowflakebox label {display:block; margin:1%; font-size:75%; color:#000;}
#grr_logo {width:19%; position:absolute; top: 0.9% !important; left: 89% !important;}
#grr_logo img {height:40%; width:40%;}
#thanks p, #thanks h1 {font-size:85%}
#thanks p {margin-bottom:0;}
#thanks h1 {margin-bottom:3%;}
#ppfrm input[type=image] {width:50%;}

#progressbox {height:12%; width:38%; position:absolute;}
#progressbox img {height:50%; width:75%}
#progressbar {font-size:  1em !important; width: 80%; margin: auto; margin-top: 3px;}
#progressbar span {position: absolute; width: 78%; text-align: right; color: #ffffff;}
#thermometer {width: 100% !important; position: absolute; top: 5px; right: -60px; font-size:.9em !important; color: #ffffff;}
#thermometer a {color: #d90000;}