/* modified default */
#nwmaindiv header {
    text-align: center
}
#nwmaindiv h1 {
    font-size: 1.8em;
    margin: 10px 0 20px 0;
    font-weight: bold;
    line-height: 110%;
}
#nwmaindiv h2 {
    font-size: 1.2em;
    color: #1F7BB0;
    margin: 5px 0;
    font-weight: bold;
}
.hbsmetered-col1 {
	width:26%;
	float:left;
	padding:0px 15px 10px 15px;
	background-image:url(../images/bundel-bkgd-3.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0 0;
	margin-right:5px;
}

.hbsmetered-col2, .hbsmetered-col3, .hbsmetered-col4 {
	width:20%;
	float:left;
	padding:0 10px;
}
.hbsmetered-weekend img {
	width: 100%;
	height: auto;
	}
#nwmaindiv .middle-section {
    width: 30%;
    float: left;
    padding-right: 10px;
}
#nwmaindiv .left-section {
    width: 30%;
    float: left;
    padding: 140px 15px 10px 15px;
    background-image: url(https://ssm.hgbc.com/e-pass/garden_city70/images/bundel-bkgd-3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 20px;
}
#nwmaindiv .right-section {
    width: 30%;
    float: right;
}
#nwmaindiv .mobile-img {
    margin: 5px 10px 10px 0;
    float: left;
}
#nwmaindiv .daypass-img {
    margin: 5px 0px 10px 10px;
    float: right;
}
#nwmaindiv p {
    margin: 0;
    padding: 0;
}
#nwmaindiv ul {
    margin: 10px 0;
    padding: 0;
}
#nwmaindiv .left-section li,
#nwmaindiv .middle-section li {
    background-image: url(https://ssm.hgbc.com/e-pass/garden_city70/images/check.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 5px 0 5px 30px;
    font-weight: bold;
}
#nwmaindiv .left-section li:last-child,
#nwmaindiv .middle-section li:last-child {
    background-image: none;
    font-weight: normal;
}
#nwmaindiv span {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 120%;
}
#nwmaindiv .buttons {
    text-align: center;
    padding: 5px 0 0 0;
}
#nwmaindiv .clickcall {
    display: none
}
#nwmaindiv .hbsmetered-loginform {
    font-size:12px;
    padding: 10px;
    margin: 50px 10px 10px 10px;
    border: 1px solid #ccc;
}
#nwmaindiv .hbsmetered-loginform ul {
    padding: 0;
    margin: 0;
}
#nwmaindiv .hbsmetered-loginform li {
    margin-top: 5px
}
#nwmaindiv .hbsmetered-loginform p {
    margin: 0;
    padding: 0;
}
#nwmaindiv label {
    display: block;
    color: #999;
}
#nwmaindiv .cf:after {
    clear: both
}
#nwmaindiv .cf {
    *zoom: 1
}
#nwmaindiv :focus {
    outline: 0
}
#nwmaindiv .hbsmetered-loginform input:not([type=submit]) {
    padding: 3px;
    margin: 0 10px 0 0;
    font-size: .6em;
    width: 90%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),   0px 1px 0px 0px rgba(250, 250, 250, 0.5);
}
#nwmaindiv .hbsmetered-loginform input[type=submit] {
    border: 1px solid rgba(0, 0, 0, 0.3);
    nowhitespace: afterproperty;
    background: #84C336;
    /* Old browsers */  padding: 3px;  margin:0px; font-size:.8em; border-radius: 4px; ;;
}
#slidebox{
    z-index:2000;
}
@media all and (max-width:650px) {
    #nwmaindiv  #hbsmetered-container {
        background: #fff;
        font-size: .7em;
        width: 100%;
        : ;
        border: none;
        padding: 10px;
        position: relative;
    }
    #nwmaindiv header {
        text-align: left
    }
    #nwmaindiv h1 {
        font-size: 1.4em;
        margin: 10px 20px 20px 0px;
        font-weight: bold;
        line-height: 110%;
    }
    #nwmaindiv #logo img {
        width: 50%;
        height: auto;
    }
    #nwmaindiv .left-section,
    #nwmaindiv .middle-section,
    #nwmaindiv .right-section {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
    }
    #nwmaindiv .mobile-img,
    #nwmaindiv .daypass-img {
        display: none
    }
    #nwmaindiv .left-section {
        float: none;
        padding: 10px 15px;
        background-image: url(https://ssm.hgbc.com/e-pass/garden_city70/images/bundel-bkgd-noimg.png);
        background-repeat: repeat-y;
    }
    #nwmaindiv .left-section li,
    #nwmaindiv .middle-section li {
        background-image: none;
        padding: 5px 0;
        font-weight: bold;
    }
    #nwmaindiv .left-section li:last-child {
        background-image: url(https://ssm.hgbc.com/e-pass/garden_city70/images/value-mobile.png);
        font-weight: normal;
        padding-left: 100px;
        margin-left: -15px;
    }
    #nwmaindiv .clickcall {
        text-align: center;
        float: left;
        display: block;
        font-size: 14px;
        line-height: 100%;
        font-weight: bold;
    }
    #nwmaindiv .clickcall a {
        color: #093;
        font-size: 16px;
    }
    #nwmaindiv .hbsmetered-loginform {
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
    }
}
#nwmaindiv #hbsmetered-container {
    border-radius:5px;
    background: #fff;
    font-size: .7em;
    max-width: 850px;
    border: 1px solid #20466B;
    padding: 10px;
    position: relative;
}
#nwmaindiv .hbsmetered-clear {
    clear: both;
    margin: 0;
    padding: 0;
}
#nwmaindiv aside.hbsmetered-leftcol {
    width: 30%;
    float: left;
    padding: 10px;
}
#nwmaindiv aside.hbsmetered-leftcol img {
    width: 100%;
    height: auto;
}
#nwmaindiv section.hbsmetered-stopscreen {
    width: 55%;
    float: right;
    padding: 10px 20px;
}
#nwmaindiv section.hbsmetered-stopscreen h1 {
    font-size: 1.6em;
    margin: 0 0 10px 0;
    padding: 0 20px 0 0;
    font-weight: bold;
}
#nwmaindiv section.hbsmetered-stopscreen p {
    padding: 0 20px 10px 0;
    margin: 0;
    font-size: 12px;
}
#nwmaindiv section.hbsmetered-stopscreen span {
    color: #090
}

/* Corrections and overrides */
.ui-dialog.ui-widget.ui-widget-content{
    position:absolute!important;
    top:0px; /* correct newzware/jquery ui fail in FF */
}
.ui-draggable .ui-dialog-titlebar{
    border-radius:5px 5px 0 0;
    border-bottom:0px;
}
#nwmaindiv {
    font-size:1.2em;
    border-radius:0 0 5px 5px;
    font-family: sans-serif;
    font-size: .9em;
    line-height: 120%;
    max-width: 850px;
    width: 90%;
    border: 1px solid #d4d1bf;
    background-color: #fff;
    padding: 10px;
    position: relative;
    margin: auto;
}
#nwmaindiv li{
    list-style:none;
}
 #nwmaindiv .clear {
     clear: both;
     margin: 0;
     padding: 0;
 }
 #nwmaindiv header {
     text-align: center
 }
 #nwmaindiv h1 {
     font-size: 1.8em;
     margin: 10px 0 20px 0;
     font-weight: bold;
     line-height: 110%;
 }
 #nwmaindiv h2 {
     font-size: 1.2em;
     margin: 5px 0;
     font-weight: bold;
 }
 #nwmaindiv .col1,
 #nwmaindiv .col2 {
     background-color: #c4e0da
 }
 #nwmaindiv #registration-div{
    width:100%!important;
}
#nwmaindiv #registration-table img{
    display:none; /* hide broken image tag */
}
#nwmaindiv #registration-table td{
    padding-right:15px;
    padding-bottom:5px;
}
#nwmaindiv #registration-table td input{
    border-radius:5px;
    padding:5px;
    border:1px solid #d9d6c4;
}
 #nwmaindiv .col1,
 #nwmaindiv .col2,
 #nwmaindiv .col3,
 #nwmaindiv .col4 {
     width: 20%;
     float: left;
     padding: 0 10px 20px;
     margin: 0 10px;
     position: relative;
 }
 
 #nwmaindiv .col1 {
     padding-top: 110px
 }
 #nwmaindiv .col2 {
     padding-top: 80px
 }
 #nwmaindiv #value_arrow {
     position: absolute;
     top: 70px;
     left: -15px;
 }
 #nwmaindiv .newspaper_image {
     position: absolute;
     top: -20px;
     left: -25px;
     width: 230px;
 }
 #nwmaindiv .mobile-img {
     margin: 5px 10px 10px 0;
     float: left;
 }
 #nwmaindiv .daypass-img {
     margin: 5px 0px 10px 10px;
     float: right;
 }
 #nwmaindiv p {
     margin: 0;
     padding: 0;
 }
 #nwmaindiv ul {
     margin: 10px 0;
     padding: 0;
 }
 #nwmaindiv .col1 li,
 #nwmaindiv .col2 li,
 #nwmaindiv .col3 li {
     background-image: url(https://ssm2.hgbc.com/ss70v2/hutchinson70_test/custom/check.png);
     background-repeat: no-repeat;
     background-position: 0 5px;
     font-size: 1.0em;
     padding: 5px 0 0px 30px;
 }
 #nwmaindiv .col1 li:last-child,
 #nwmaindiv .col2 li:last-child,
 #nwmaindiv .col3 li:last-child {
     background-image: none;
     font-weight: normal;
 }
 #nwmaindiv span {
     font-weight: bold;
     font-size: 1.2em;
     line-height: 120%;
 }
 #nwmaindiv .buttons {
     text-align: center;
     padding: 5px 0 0 0;
 }
 #nwmaindiv .clickcall {
     display: none
 }
 #nwmaindiv .loginbox {
     padding: 10px;
     margin: 30px 10px 10px 10px;
     background-color: #c4e0da;
 }
  #nwmaindiv .loginbox span {
      font-weight: bold;
      color: red;
      font-size: 1.2em;
  }
  #nwmaindiv .loginbox ul {
      padding: 0;
      margin: 0;
  }
  #nwmaindiv .loginbox li {
      margin-top: 5px;
      display: inline;
      float: left;
  }
  #nwmaindiv .loginbox p {
      margin: 0;
      padding: 5px 0 0 0;
      font-size: .9em;
      font-weight: bold;
  }
  #nwmaindiv .loginbox p:first-child {
      margin-bottom: 20px
  }
  #nwmaindiv .loginbox a {
      color: #e5001c !important
  }
/*-- LOGIN FORM -- */
 #nwmaindiv .hbsmetered-loginform {
     border-radius:5px;
     padding: 10px;
     margin: 30px 10px 10px 10px;
     width: 55%;
     float: right;
     border: 1px solid #ccc;
 }
 #nwmaindiv #nwpurchasediv .hbsmetered-loginform{
     width: 80%;
 }
  #nwmaindiv .hbsmetered-loginform span {
      font-weight: bold;
      color: red;
      font-size: 1.2em;
  }
  #nwmaindiv .hbsmetered-loginform ul {
      padding: 0;
      margin: 0;
  }
  #nwmaindiv .hbsmetered-loginform li {
      margin: 5px;
      display: inline;
      float: left;
  }
  #nwmaindiv .hbsmetered-loginform p {
      margin: 0;
      padding: 5px 0 0 0;
      font-size: .9em;
      font-weight: bold;
  }
  #nwmaindiv .hbsmetered-loginform p:first-child {
      margin-bottom: 20px
  }
  #nwmaindiv .hbsmetered-loginform a {
      text-decoration: none;
      color: #e5001c !important;
  }
 #nwmaindiv label {
     display: block;
     color: #999;
 }
 #nwmaindiv .cf:after {
     clear: both
 }
 #nwmaindiv .cf {
     *zoom: 1
 }
 #nwmaindiv :focus {
     outline: 0
 }
 #nwmaindiv .hbsmetered-loginform input:not([type=submit]) {
     padding: 8px;
     margin: 0 10px 0 0;
     font-size: 1.0em;
     width: 90%;
     border: 1px solid rgba(0, 0, 0, 0.3);
     border-radius: 3px;
     box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
 }
 #nwmaindiv .hbsmetered-loginform input[type=submit] {
     border: 1px solid rgba(0, 0, 0, 0.3);
     background: #84C336; /* Old browsers */
     padding: 8px 12px;
     margin: 0px;
     font-size: .8em;
     border-radius: 4px;
 }
 #nwmaindiv .button,
 #nwmaindiv .button {
     padding: 7px 20px;
     font-weight: bold;
     text-decoration: none;
     color: #fff;
     background-color: #179a8a;
     border: 1px solid #17819a;
     border-radius: 10px;
     box-shadow: 3px 2px 0 1px #054371;
     display: inline-block;
     color: #fff;
 }
 #nwmaindiv .button:hover {
     color: #179a8a;
     background-color: #054371;
 }
/* Stop screen */
  #nwmaindiv aside.hbsmetered-leftcol img {
      width: 100%;
      height: auto;
  }
 #nwmaindiv section.hbsmetered-stopscreen {
     width: 55%;
     float: right;
     padding: 10px 20px;
 }
  #nwmaindiv section.hbsmetered-stopscreen h1 {
      font-size: 1.6em;
      margin: 0 0 10px 0;
      padding: 0 20px 0 0;
      font-weight: bold;
  }
  #nwmaindiv section.hbsmetered-stopscreen p {
      padding: 0 20px 10px 0;
      margin: 0;
      font-size: 12px;
  }
 #nwmaindiv .hbsmetered-stopscreen .button {
     margin-top: 10px;
     color: #fff;
 }
 #nwmaindiv .small {
     font-size: .7em;
     display: block;
     font-weight: normal;
     margin-top: 15px;
 }
 #nwmaindiv section.hbsmetered-stopscreen span {
     color: #13998c
 }
@media all and (max-width:850px) {
    #nwmaindiv {
        width: 100%;
        border: none;
        padding: 10px;
        position: relative;
        background-color: #fff;
    }
     #nwmaindiv header {
         text-align: left
     }
     #nwmaindiv h1 {
         font-size: 1.4em;
         margin: 10px 20px 20px 0px;
         font-weight: bold;
         line-height: 110%;
     }
     #nwmaindiv .clickcall {
         display: none
     }
    #hbsmetered-logo img {
        width: 80%;
        height: auto;
    }
    #nwmaindiv .weekend img {
        display: none
    }
    #nwmaindiv .mobile-img,
    .daypass-img {
        display: none
    }
    #nwmaindiv .col1 {
        float: left;
        width: 40%;
        margin: 0 0 20px 0;
        padding: 40px 15px 10px 15px;
    }
    #nwmaindiv .col2 {
        float: left;
        width: 40%;
        margin: 0 0 0 15px;
        padding: 10px 15px;
    }
    #nwmaindiv .col3 {
        float: left;
        width: 40%;
        margin: 0 0 30px 15px;
        clear: left;
    }
    #nwmaindiv .col4 {
        float: left;
        width: 40%;
        margin: 0 0 30px 15px;
    }
    #nwmaindiv .col1 li,
    #nwmaindiv .col2 li,
    #nwmaindiv .col3 li {
        padding: 0 0 0 30px;
        font-weight: bold;
    }
    #nwmaindiv .col1 li:last-child {
        background-image: url(../images/value-mobile.png);
        font-weight: normal;
        padding-left: 100px;
        margin-left: -15px;
    }
    #nwmaindiv .hbsmetered-loginform {
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
    }
    #nwmaindiv #value_arrow {
        /* display: none;*/
        top: 0;
    }
    #nwmaindiv .newspaper_image {
        display: none
    }
}
@media all and (max-width:550px) {
    .ui-draggable .ui-dialog-titlebar{
        border:0px;
    }
    .ui-dialog.ui-widget.ui-widget-content{
        width:100%!important;
        left:0!important;
        border: 0px;
        border-radius: 0;
    }
    .ui-dialog .ui-dialog-title{font-size:12px!important}
    #nwmaindiv {
        width: 100%;
        border: none;
        background-color: #fff;
        padding: 10px;
        position: relative;
    }
    #nwmaindiv header {
        text-align: left
    }
    #nwmaindiv h1,
    #nwmaindiv section.hbsmetered-stopscreen h1{
        font-size: 1em;
        margin: 10px 0px;
        padding:0;
        font-weight: bold;
        line-height: 110%;
    }
    #nwmaindiv section.hbsmetered-stopscreen p{
        padding:0px;
        margin:0 0 10px;
    }
    #hbsmetered-logo img {
        width: 80%;
        height: auto;
    }
    #nwmaindiv .col1,
    #nwmaindiv .col2,
    #nwmaindiv .col3,
    #nwmaindiv .col4 {
        float: none;
        width: 80%;
        margin: 0 0 30px 15px;
    }
    #nwmaindiv .weekend img {
        display: none
    }
    #nwmaindiv .mobile-img,
    #nwmaindiv .daypass-img {
        display: none
    }
    #nwmaindiv .col1 li,
    #nwmaindiv .col2 li,
    #nwmaindiv .col3 li {
        padding: 0 0 0 30px;
        font-weight: bold;
    }
    #nwmaindiv .col1 li:last-child {
        background-image: url(../images/value-mobile.png);
        font-weight: normal;
        padding-left: 100px;
        margin-left: -15px;
    }
    #nwmaindiv .clickcall {
        text-align: center;
        float: left;
        display: block;
        font-size: 14px;
        line-height: 100%;
        font-weight: bold;
    }
     #nwmaindiv .clickcall a {
         color: #2C4A91;
         font-size: 16px;
     }
    #nwmaindiv .hbsmetered-loginform {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: 1px solid #ccc;
    }
    #nwmaindiv .hbsmetered-loginform li{
        width:95%;
    }
    #nwmaindiv .hbsmetered-loginform input:not([type=submit]),
    #nwmaindiv .hbsmetered-loginform input[type=submit]{
        width:100%;
    }
    #nwmaindiv .hbsmetered-loginform p,
    #nwmaindiv .hbsmetered-loginform span{
        font-size:1.2em!important;
    }
    #nwmaindiv .hbsmetered-loginform p:first-child{
        margin-bottom:10px;
    }
    #nwmaindiv .hbsmetered-loginform span{
        display:block;
        margin-bottom:10px;
    }
    #nwmaindiv aside.hbsmetered-leftcol {
        float: none;
        width: 100%;
    }
     #nwmaindiv aside.hbsmetered-leftcol img {
         width: 70%;
         max-width:190px;
         display:block;
         margin:0 auto;
         height: auto;
     }
    #nwmaindiv .bundle-pic {
        display: none
    }
    #nwmaindiv section.hbsmetered-stopscreen {
        width: 90%;
        float: none;
        padding: 10px;
        margin: auto;
    }
    #hbsmetered-daypass_box{
			display:none;
		}
}
#nwDayPass{
	width:90%;
	background-color:#20466B;
	border-radius:10px;
	text-align:center;
                clear:both;
}
#nwDayPass p{
	color:#fff;
	font-size:1.5em;
	padding:10px;
}
#nwDayPass p a{
	color:#fff;
        text-decoration:underline;
}
#previewParagraph a{
		text-decoration:underline;
		color:#f00;
	}
#hbsmetered-daypass_box{
		border: 1px solid #000;
		display:block;
		margin:auto;
		padding:10px;
	}
	#hbsmetered-daypass_box img{
		float:right;
		max-width:30%;
	}
	#hbsmetered-daypass_box .hbsmetered-button{
		margin:10px auto;
	}
#nwmaindiv .hbsmetered-button{
    background: none repeat scroll 0% 0% #3071A9;
    padding: 8px 12px;
    margin: 0px;
    font-size: 0.8em;
    border-radius: 4px;
    color:#fff;
    max-width: 80px;
    display: block;
}
.hbsmetered-buttons img{
    height:auto;
}