/* 
html5doctor.com Reset Stylesheet
v1.4.1 
2010-03-01
Author: Conor Wade
*/

*:focus {
    outline: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

:focus {
	outline: 1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*
EOF reset 
*/

/*
 *  pink: #A30050
 *	dark gray: #4D4D4D (used for type and shopping cart icon)
 *	light gray: #ADAFB2
 *	light light gray: #ECEDED
 */

body {
  background: #fff url(background.png) no-repeat center 0;
  color: #555;
  font: 12px/1.6 "Arial", san-serif;
  letter-spacing: 0.5pt;
}

body#page-index {
  background: #fff url(background-home11.png) no-repeat center 0;
}


/* Typography */

p {
  font-size: 12px;
  margin-bottom: 25px;
}

p.intro {
  font-size: 14px;
}

ul, ol {
  margin: 0 0 25px 15px;
}

h1, h2, h3, h4, h5 {
  color: #A30050;
  font-weight: normal;
  text-transform: lowercase;
}

h1 {
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 29px;
}

h2 {
  font-size: 24px;
  margin-bottom: 13px;
}

h3 {
  font-size: 21px;
}

h4 {
  font-size: 18px;
  color: #4d4d4d;
}

h5 {
  font-size: 12px;
  font-style: italic;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

hr {
  background: #ccc;
  border-bottom: 1px solid #e5e5e5;
}

/* Links */

a:link, a:visited {
  color: #A30050;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

a.pdf {
  background: url(PDF_icon.png) no-repeat -4px 0;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 15px 45px;
}

a.img {
  background: url(IMAGE_icon.png) no-repeat -4px 0;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 15px 45px;  
}

a.vid {
  background: url(VIDEO_icon.png) no-repeat -4px 0;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 15px 45px;
}


/* Forms */

label {
  display: block;
  font-size: 13px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="submit"], input[type="search"], textarea {
  padding: 8px 7px;
  -moz-border-radius: 15px; /* FF1+ */
  -webkit-border-radius: 15px; /* Saf3-4 */
  border-radius: 15px; /* Opera 10.5, IE 9, Saf5, Chrome */ 
  background: #ECEDED;
  border: none;
  font-size: 12px;
  color: #4d4d4d;
}

input[type="email"], #search input[type="text"] {
  width: 92%;
}

input[type="submit"]  {
  background: #ADAFB2;
  color: #fff;
}

input[type="submit"]:hover {
  opacity: 0.8;
}

.hide {
	display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

#container {
  position: relative;
  width: 960px;
  margin: 30px auto 0;
}

/* Header styles */

#logo {
  float: left;
  width: 285px;
  margin: -11px 5px 13px;
  z-index: 3;
  position: relative;
}

#logo a {
  background: transparent url(logo.png) no-repeat -6px center;
  display: block;
  text-indent: -9999px;
  margin: 0;
  letter-spacing: 0.1pt;
}

#nav > li {
  position: relative;
  float: left;
  list-style: none;
  z-index: 3;
  margin: 2px 26px 0 0;
}

#sub-nav {
  display: none;
  position: absolute;
  top: 33px;
  left: -17px;
  padding: 18px 30px 5px;
  background: #ADAFB2;
  background: rgba(173,175,178, 0.8);
  -moz-border-radius: 15px; /* FF1+ */
  -webkit-border-radius: 15px; /* Saf3-4 */
  border-radius: 15px; /* Opera 10.5, IE 9, Saf5, Chrome */
  width: 136px;
  z-index: 10;
}

#sub-nav > li {
  display: block;
  padding: 2px 0;
}

#sub-nav > li > a {
  font-size: 12px;
}

#nav li a {
  color: #fff;
  text-transform: lowercase;
}

#nav > li > a {
  font-size: 16px;
}

#nav > li > a:hover, #nav > li > a.current {
 color: #4D4D4D;
}

#nav #cartcount > a {
  padding: 3px 0 3px 40px;
  background: url(icons_cart.png) no-repeat 0 -4px;
  color: #4D4D4D;
}

/* Footer */

#footer {
  background: #ECEDED;
  clear: both;
  padding: 20px 0 50px 0;
  position: relative;
  z-index: 3;
}

#footertext {
  width: 960px;
  margin: 0 auto;
  list-style: none;
  color: #ADAFB2;
  font-size: 10px;
}

/* Frontpage - index.liquid */

#welcome {
  /* TODO: remove indie gogo background: transparent url(welcometocontrol.png) no-repeat 0;*/
  display: none; /* TODO: remove indie gogo */
  clear: both;
  padding: 154px 0 0;
  margin: 0 0 0 161px;
  width: 425px;
  float: left;
  position: relative;
  top: -28px;
}

#igogo {
  /* background: transparent url(MINNA_Indiegogo_button.png) no-repeat left 0; */
  background: transparent url(buttons_shop-now.png) no-repeat left 0;
  padding: 16px 147px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  /*top: 287px;*/
  /*left: 313px;*/
  top: 333px;
  left: 748px;
  z-index: 2;
}

#click-for-kickstarter {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 2;
  padding: 150px 300px;
}
#click-for-sidebar {
  position: absolute;
  top: 100px;
  right: 0;
  z-index: 2;
  padding: 150px;
}
#click-for-collection {
  position: absolute;
  top: 403px;
  left: 0;
  padding: 150px 50%;
  z-index: 2;
}

#kickstarter {
  background: transparent url(preorder_now_button.png) no-repeat left 0;
  padding: 16px 147px;
  text-indent: -9999px;
  display: block;
  position: absolute;
  left: 277px;
  top: 330px;
  z-index: 2;
}

#welcome h2, #welcome h3 {
  text-indent: -9999px;
}

#welcome > a, #mainsqueeze > a, #valentine-message > a {
  background: transparent url(buttons_shop-now.png) no-repeat left 0;
  padding: 16px 114px;
  text-indent: -9999px;
  display: block;
  margin: 0 0 0 130px;
  position: relative;
  top: -38px;
}

#valentine-message > a {
  position: relative;
  top: 0;
  left: -145px;
}

#welcome > a:hover, #mainsqueeze > a:hover {
  background-position: left -50px;
}

#learn {
  float: right;
}

#learn.embedded {
  padding-top: 80px; 
  padding-bottom: 10px
}

/* TODO: remove indie gogo  */
#page-index #learn {
  margin-top: 34px; 
}

#learn:hover {
  opacity: 0.8;
}   

#learn > a {
  display: block;
  text-indent: -9999px;
}

#learn .watch-video {
  /*background: transparent url(babeland-ad-2.png) no-repeat;*/
  background: transparent url(home_video.png) no-repeat;
  width: 310px;
  padding: 103px 0;
  margin: 58px 0 0;
}

.watch-limon {
  background: transparent url(watch-limon.png) no-repeat -10px 0;
  width: 330px;
  padding: 103px 0;
  margin: -10px 0 0;
}

#tricks-wrap {
  float: right;
  clear:both;
}

.tricks {
  display: block;
  text-indent: -9999px;
  background: transparent url(buttons_tips-tricks3.png) no-repeat center 0;
  padding: 13px 0;
  width: 300px;
}

#learn .tricks:hover {
  background-position: center -45px;
}

#introduction {
  clear: both;
  padding-top: 671px; /*407px;*/
  position: relative;
}

#introduction > ul {
  margin: 0;
  padding: 25px 0 0;
  list-style: none;
}

#introduction > ul > li {
  float: left;
  width: 30.6%;
  margin: 2% 2% 8%;
}

#introduction > ul > li:first-child {
  margin-left: 0;
}

#introduction img {
  margin-left: -8px;    
}

#introduction > ul > li:last-child {
  margin-right: 0;
}

#introduction h3 {
  text-transform: lowercase;
  font-size: 30px;
}

#introduction dd {
  padding-left: 30px;
}

#introduction dt {
  padding: 0 0 2px 30px;
  background: url(icons_speech-bubble.png) no-repeat -3px 0;
}

a#babeland-home {
  background: url(babeland-home-button-2.png) no-repeat 0 0;  
  padding: 30px 114px;
  position: relative;
  top: -23px;
}

a:hover#babeland-home {
  background-position: 0 0;   
}

#babeland-intro {
  clear: both;  
  position: relative;
  top: 10px;
  color: #A30050;
}

a#babeland {
  display: block;
  clear: both;
  padding: 16px 134px;
  position: relative;
  left: -30px;
  text-indent: -9999px; 
  background: url("babeland-button.png") no-repeat scroll 0 0 transparent;
  top: -5px;
}

#connect > p {
  margin-bottom: 10px;
}

#newslettersignup label, #search label {
  display: none;
}

#newslettersignup p, #search p {
  position: relative;
}

#newslettersignup input[type="submit"], #search input[type="submit"] {
  position: absolute;
  right: 0px;
  top: 0;
  padding: 8px 15px;
}

#connect > ul {
  margin-left: 0;
}

#connect > ul > li {
  float: left;
  margin-left: 30px;
  list-style: none;
}

#connect.sidebarsection > ul > li {
  margin-left: 15px;
}

#connect > ul > li:first-child {
  margin-left: 0;
}

#connect > ul > li > a {
  padding: 5px 0 5px 30px;
}

#facebook {
  background: url(icons_facebook.png) no-repeat 0;
}

#twitter {
  background: url(icons_twitter.png) no-repeat 0;  
}

#vimeo {
  background: url(icons_vimeo.png) no-repeat 0;
}

/* Blog listing */

#articles, #article, #product {
  clear: both;
  float: left;
  width: 64%;
  margin: 60px 2% 0 0;
}

#product {
  position: relative;  
}

#articles > ul {
  list-style: none;
  margin: 0;
}

#articles > ul > li {
  margin-top: 40px;
  border-bottom: 1px solid #c1c1c1;
  padding-bottom: 27px;
}

#articles > ul > li:first-child {
  margin-top: 0px;
}

#articles h2 {
  font-size: 20px;
  margin-bottom: 2px;
}

#articles h2 > a {
  color: #4d4d4d;
}

#sidebar {
  margin: 60px 0 0;
  float: right;
  width: 33%;
}

.date {
  font-size: 16px;
  margin-bottom: 15px;
}

/* Sidebar */

#mainsqueeze {
  background: transparent url(https://cdn.shopify.com/s/files/1/0062/0362/assets/MINNA_kGoal_sidebar_LO1.png?923) no-repeat;
  position:  relative;
  padding: 90px 0;
  margin: 0 0 30px 0;
}

#mainsqueeze > h3 {
  text-indent: -9999px;
}

#mainsqueeze > a {
  position: absolute;
  top: 138px;
  left: 8px;
  margin: 0;
}

.sidebarsection {
  border-top: 1px solid #c1c1c1;
  padding: 30px 0px;
}

.sidebarsection > p {
  margin-bottom: 10px;
}

#search p {
  margin-bottom: 0;
}

#search input[type="submit"] {
  background: #A30050;
}

/* about minna */

.subheading {
  color: #4d4d4d;
}

/* Product page */

#productimages {
  float: left;
}

#productdetails {
  float: right;
}

#mainimage {
  float: left;
  width: 290px;
  position: relative;
  min-height: 245px;
}

#mainimage img {
  width: 102%;
}

#mainimage p {
  position: absolute;
  right: 0;
  bottom: -20px;
  color: #ADAFB2;
}

#imagelist {
  float: right;
  list-style: none;
}

#imagelist > li:first-child {
  display: none;
}

#productdetails {
  width: 220px;
}

#productdetails > form {
    /* display: none; */
}

#productdetails > h2 {
  text-transform: lowercase;
  margin-bottom: 0;
  line-height: 1.3;
}

#productdetails > h3 {
  color: #bbb;
  font-size: 24px;
}

#productdetails input[type="submit"] {
  background: url(buttons_add-to-cart.png) no-repeat -3px 0;
  padding: 15px 120px;
  text-indent: -9999px;
  position: relative;
  left: -10px;
  top: 5px;
}

#productdetails input[type="submit"].pre-order {
  background: url(preorder_button.png) no-repeat -3px 0;
  box-shadow: none !important;
  padding: 20px 120px;
}

#productdescription {
  padding-bottom: 30px;
  clear: both;
}

#productdescription strong, #productdescription b {
  font-weight: bold;
  color: #A30050;
}

#productdescription img {
  display: block;
  margin: 0 auto;
}

#productimages {
  width: 360px;
}

#productimages img {
  cursor: pointer;
}

#facebookbutton, #tweetbutton {
  float: left;
  margin: 0 10px 0 0;
}

#sidebar #learn {
  float: none;
}

#sidebar #learn .watch-video {
  margin-top: 0;
}
/*
#lightbox, #lightbox-movie {
  display: none;
  position: fixed;
  top: 20px;
  background: #fff;
  -moz-border-radius: 15px; /* FF1+ */
  -webkit-border-radius: 15px; /* Saf3-4 */
  border-radius: 15px; /* Opera 10.5, IE 9, Saf5, Chrome */
  -moz-box-shadow: 0px 0px 4px #000; 
  -webkit-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 

}

#lightbox-movie {
  padding: 10px;
  top: 40px;
  left: 50%;
  margin-left: -400px;
}

#lightbox-movie iframe {
 position: relative;
 z-index: 11;
}

#lightbox ul {
  position: relative;
  list-style: none;
}

#lightbox li {
  display: none;
  position: absolute;
}

li#back, li#forward {
  bottom: 0;
  display: block;
}

#back {
  left: 10px;
}

#forward {
  right: 10px;
}*/

#back > a {
  background: url(icons_arrow-back.png) no-repeat;
}

#forward > a {
  background: url(icons_arrow-forward.png) no-repeat;
}

#forward > a, #back > a {
  display: block;
  padding: 10px 22px;
  text-indent: -9999px;
}

.closelightbox {
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  background: url(icons-Xclose.png) no-repeat;
  text-indent: -9999px;
  padding: 22px;
  z-index: 12;
}

#commingsoon {
  color: #A30050;
  font-size: 16px;
  position: absolute;
  right: 99px;
  top: 133px;
}

#sidebar > #commingsoon {
  top: 118px;
}

#chimp {
  display: none;
}

#gatekeeper-meta {
    clear:both;
    float: right;
}

.piece {
    background: #fff;
    cursor: pointer;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    width: 12%;
    margin: 0 8% 5% 0;
    text-align: center;
    padding: 2%;
    float: left;
}

.piece > a > p {
    margin-bottom: 0;   
}

#lb-content {
    width: 96%;
    height: 96%;
    margin: 2%
}

#lb-content > iframe {
    width: 100%;
    height: 92%;
}

/*
 * Registration page
 */
 
 #mc_embed_signup input, #mc_embed_signup textarea {
     width: 50%;
     margin-bottom: 15px;
 }
 
 #mc_embed_signup label {
     margin-left: 10px;
     font-size: 14px;
 }
 
 #mc_embed_signup input[type="radio"] {
     display: inline;
     float: left;
     width: 5%;
     clear: left;
     margin-bottom: 0;
     position: relative;
     top: 2px;
 }
 
 .mc-address-group > label {
     color: #bbb;
 }
 
 #mc_embed_signup > ul {
     list-style: none;
     margin-left: 0;
 }
 
 #mc_embed_signup p {
     margin-bottom: 0px;
 }
 
 #mc_embed_signup p.date input {
  display: inline;
  width: 25px;
  text-align: center;
 }
 
 #mc_embed_signup p.date input.year {
  width: 50px;   
 }
 
 /* Media Pack */
 
 #gatekeeper-content {
     min-height: 500px;
 }

/* How to page */

ul.chunky-list {
    list-style: none;
	margin: 0;
}

ul.chunky-list li a {
	display:block;
    text-indent: -9999px;
	padding: 48px 0;
	margin-top: 20px;
	font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
}

ul.chunky-list li a:hover {
	text-decoration: none;
	opacity: 0.9;
}

ul.chunky-list li div {
	display: none;
    padding-bottom: 80px; 
}

/* Collections - all */

#main-collection {
    clear: both;
	padding-top: 75px;
}

#main-collection .main-product {
	display: relative;
	margin-bottom: 35px;
}

#main-collection .main-product .product-img {
	width: 615px;
	float: left;
	min-height: 233px;
}

#main-collection .main-product h2 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.main-product h2 > a:hover {
    text-decoration: none;
}

#main-collection .main-product h3 {
	color: #ADAfB2;
	font-size: 1.75em;
	line-height: 2em;
	margin-bottom: 15px;
}

#main-collection .main-product .product-info {
	margin-left: 650px;
}

#main-collection a.col-buy {
  background: transparent url(buttons_shop-now.png) no-repeat left 0;
  width: 0;
  padding: 16px 114px;
  text-indent: -9999px;
  display: block;
  position: relative;
}

#main-collection a.col-preorder {
  background: transparent url(preorder_now_button.png) no-repeat left 0;
  width: 0;
  padding: 16px 144px;
  text-indent: -9999px;
  display: block;
  position: relative;
  left: -10px;
}

#main-collection .main-product .product-info a.col-buy:hover {
  background-position: left -50px;
}

#accessories {
	padding-top: 35px;
	padding-bottom: 35px;
	border-top: 1px solid #ADAfB2;
}

#accessories #accessory-intro {
	float: right;
	width: 310px;
}

#accessories #accessory-intro h3 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 20px;
	padding: 0;
}

#accessories ul#accessory-listing {
	list-style: none;
	width: 615px;
	float: left;
	margin: 0;
	padding: 0;
}

#accessories ul#accessory-listing li {
	display: inline-block;
	margin: 0 20px 10px 0;
  	width: 167px;
}

#accessories ul#accessory-listing li a {
	display: block;
	padding: 15px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}

#accessories ul#accessory-listing li a:hover {
	text-decoration: none;
}

#accessories ul#accessory-listing li h4 {
	color: #A30050;
	font-size: 15px;
}

#accessories ul#accessory-listing li p {
	color: #ADAfB2;
	font-size: 12px;
	margin: 0;
}

#cartform {
    width: 550px;   
}

#cartform table {
    clear: both;
    margin: 20px 10px 10px;
    
}

#cartform th {
    padding: 10px 30px 0 0;
}

#cartform td {
    padding: 0 30px 0 0;   
}

#cartform td img {
    position: relative;
    top: 20px;
}

#cartform h3 {
    text-align: right;
    margin-right: 90px;
    margin-bottom: 30px;
}

#update-cart {
    background: transparent url(buttons_update.png) no-repeat;
    padding: 15px 120px;
    text-indent: -9999px;
}

#checkout-button {
    background: transparent url(buttons_checkout.png) no-repeat;
    padding: 15px 120px;
    text-indent: -9999px;
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 100;
    top: 0;
    left: 0;
}

#age-check {
  z-index: 101;
  background: #fff;
  box-shadow: 0 0 2px #666;
  -moz-box-shadow: 0 0 2px #666;
  -webkit-box-shadow: 0 0 2px #666;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 400px;
  height: 164px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -200px;
}

#age-check > div {
  padding: 35px 20px 0px;
  text-align: center;
}

#age-check a {
  background: #333;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 2px #666;
  -moz-box-shadow: 0 0 2px #666;
  -webkit-box-shadow: 0 0 2px #666;
  color: #fff;
  font-size: 16px;
  padding: 5px 10px;
  margin: 0 10px;
  position: relative;
  top: 30px;
}

#overview-link { 
  background: transparent url(MINNA_OlaOverview_Button.png) no-repeat
}

#turn-on { 
  background: transparent url(MINNA_TurningOnOff_Button.png) no-repeat
}

#modes { 
  background: transparent url(MINNA_Modes_Button.png) no-repeat
}

#charging { 
  background: transparent url(MINNA_Charging_Button.png) no-repeat
}

#venting { 
  background: transparent url(MINNA_Venting_Button.png) no-repeat
}

a.accessor {
  display: block;
  float: left;
  text-align: center;
  width: 105px;
  height: 200px;
  padding: 10px 0 20px;
}

a.accessor:hover {
  opacity: 0.8;   
}

.acc-img-wrp {
    height: 100px;    
}

#spec-img {
    position: absolute;
    top: 116px;
    left: 395px;
  	display: none;
}

#featured-awards {
    position: relative;
    /* TODO: remove indie gogo top: 495px; */
  	top: 697px; /*428px;*/
    left: -14px;
    padding: 0 0 39px 0;
}

#featured-awards img {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}
#promo-banner {
	position: absolute;
	bottom: 112px;
	left: 239px; 
}

.pre-order-btn {
	background: transparent url(reserve-now_button.png) no-repeat;
  	display: block;
    text-indent: 100%;
    white-space: nowrap;
  	overflow: hidden;
    height: 68px;
}
.pre-order-main-btn {
  position: relative;
  left: -10px;
  text-indent: 107%;
  width: 107%;
}
#pre-order-wrapper {
  display: none;
  position: fixed;
  top: 20px;
  left: 50%;
  z-index: 900;
  width: 400px;
  margin-left: -200px;
}
#pre-order-popup {
  padding: 30px 15px;
  background: #fff;
  -moz-border-radius: 15px; /* FF1+ */
  -webkit-border-radius: 15px; /* Saf3-4 */
  border-radius: 15px; /* Opera 10.5, IE 9, Saf5, Chrome */
  -moz-box-shadow: 0px 0px 4px #000; 
  -webkit-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}
.pre-order-field {
  height: 60px;
}
.pre-order-field input {
  box-sizing: border-box;
  width: 100%;
}
.pre-order-error-msg {
  color: red;
  margin: 2px 0 5px 7px;
}
.pre-order-submit {
  width: 100px;
}
#pre-order-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 899;
  display: none;
  cursor: pointer;
}
#pre-order-close {
  background-image: url(icons-Xclose.png);
  display: block;
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: -42px;
  right: 0px;
}