* {margin: 0 auto; padding: 0; font-size: 14px; font-family: Arial, Helvetica, Sans-Serif;  color: #000000; font-weight: normal;}
img {border: 0;}
iframe {border:none;}
.hspace10 {margin: 0 10px 0 10px;}
body {width: 100%; text-align: center; background-color: #576a57;}
#body-print {width: 100%; text-align: left; background-color: #ffffff; margin: 50px;}

.fb {font-weight: bold;}
.cl {clear: left;}
.clfl {clear: left; float: left;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;} 
.h10 {height: 10px;}
.h12 {height: 12px;}
.h20 {height: 20px;}
.h24 {height: 24px;}
.h28 {height: 28px;}
.error {color: #FF0000; font-size: 14px; font-weight: bold;}

/* template styles */
#container {width: 1000px; background-image: url(https://www.treesofmystery.net/images/bg-line.png); background-repeat: repeat-y;}
#container-page-PC {clear: left; text-align: left; width: 962px; background-image: url(https://www.treesofmystery.net/images/header.jpg); background-repeat: no-repeat;}
#container-page-MAC {clear: left; text-align: left; width: 961px; background-image: url(https://www.treesofmystery.net/images/header.jpg); background-repeat: no-repeat; position: relative; left: 1px;}
#container-page-IE {clear: left; text-align: left; width: 962px; position: relative; left: 1px;}
#container-side {clear: left; float: left; width: 203px; background-image: url(https://www.treesofmystery.net/images/bg-nav3.jpg); background-repeat: no-repeat; background-color: #FFFFFF; min-height: 470px; position: relative; top: -2px;}
#container-body {float: left; width: 730px; min-height: 472px; padding: 15px 0 0 14px; font-size: 16px;  background-color: #ffffff;}
#container-body-home {float: left; width: 730px; min-height: 472px; padding: 15px 0 0 14px; font-size: 16px;}
#container-body p {font-size: 14px; line-height: 18px;  background-color: #ffffff;}
#container-header {clear: left; width: 961px; height: 236px; background-image: url(https://www.treesofmystery.net/images/header.jpg); background-repeat: no-repeat;}
#footer {width: 1000px; text-align: center; background-color: #576a57;}
#footer img {top: -10px; position: relative;}

#family-owned {clear: left; float: left; padding: 25px 0 0 466px;}
#trees-mobile {display:none;}
#cart-icon {float: right; margin: 10px 5px 0 0;}
#redwood-heart {clear: left; float: left; padding: 114px 0 0 30px; width: 670px;}
#sky-trail-container {float: left; padding: 0 0 0 20px; width: 158px; height: 178px;}
#sky-trail-image {width: 158px; height: 178px;}
#social-media {float: left; padding: 68px 0 0 50px; list-style: none; list-style-type: none;}
#social-media li {padding: 4px 0 4px 0;}

#nav {clear: left; float: left; list-style: none; list-style-type: none;  width: 203px; height: 390px; margin-bottom: 15px; position: relative; }
#nav li {position: relative; padding: 6px 0 0 30px; height: 24px;}
#nav a {display: block;}
#sky-nav {position: relative; top: -1px;}
#paul-babe-nav {display: none;}

#infoNav {z-index: 20; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -1px;  left: 1px;}
#infoNavspan {color: #2c983e; font-weight: bold; position: relative;}
#paulNavspan {color: #2c983e; font-weight: bold; position: relative;}
#dropdownInfo {position: absolute; left: 212px; top: 10px; list-style: none; list-style-type: none; background-color: #ffffff; width: 173px; border: 1px solid #2c983e; padding: 10px 0 10px 0; display: none; z-index: 10;}
#dropdownInfo li {padding: 0 0 10px 10px;}

#treesNav {z-index: 20; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -2px; left: 1px;}
#treesNavspan {color: #2c983e; font-weight: bold; position: relative;}
#dropdownTrees {position: absolute; left: 212px; top: 69px; list-style: none; list-style-type: none; background-color: #ffffff; width: 173px; border: 1px solid #2c983e; padding: 10px 0 10px 0; display: none; z-index: 10;}
#dropdownTrees li {padding: 0 0 10px 10px;}

#trailsNav {z-index: 20; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -3px; left: 1px;}
#trailsNavspan {color: #2c983e; font-weight: bold; position: relative;}
#dropdownTrails {position: absolute; left: 212px; top: 129px; list-style: none; list-style-type: none; background-color: #ffffff; width: 200px; border: 1px solid #2c983e; padding: 10px 0 10px 0; display: none; z-index: 10;}
#dropdownTrails li {padding: 0 0 10px 10px;}

#areaInfoNav {z-index: 20; position: relative; border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-top: -2px; left: 1px;}
#areaInfoNavspan {color: #2c983e; font-weight: bold; position: relative;}
#dropdownAreaInfo {position: absolute; left: 212px; top: 219px; list-style: none; list-style-type: none; background-color: #ffffff; width: 200px; border: 1px solid #2c983e; padding: 10px 0 10px 0; display: none; z-index: 10;}
#dropdownAreaInfo li {padding: 0 0 10px 10px;}

#link-cart {position: relative; top: -11px;}
#icon-cart {position: relative; top: 5px;}

#form-search {clear: left; background-image: url(https://www.treesofmystery.net/images/bg-search.jpg); background-repeat: no-repeat; width: 134px; height: 25px; padding: 5px 0 0 30px; margin: 0 0 0 25px;}
#form-search input {height: 20px; width: 110px; border: 0;}

#icon-info-packet {margin: 1px 0 0 0;}
#icon-brochure {margin: 1px 0 0 0;}

#copyright {clear: left; background-color: #576a57; padding: 5px 0 20px 0;}

#footer-nav {clear: left; list-style: none; list-style-type: none; background-color: #576a57; background-image: none !important; margin: 0 0 0 30px;}
#footer-nav li {float: left; background-color: #576a57;}
.bar {padding: 0 6px 0 6px; background-color: #576a57;}

/* text styles */
h2 {clear: left; color: #009900; font-size: 24px; font-weight: bold;}
h3 {color: #ff3300; font-size: 16px; font-weight: bold; padding-top: 10px;}
h3.trails {color: #009900; font-size: 16px; font-weight: bold; padding: 0;}
.text-01 {font-weight: bold; color: #f1d536;}
.text-02 {font-size: 15px; font-weight: bold; font-style: italic; color: #FFFFFF; line-height: 18px;}
.text-03 {font-size: 15px; font-weight: bold; font-style: italic; color: #f1d536; line-height: 18px;}
.text-04 {color: #2c983e;}
.text-05 {font-size: 8px; color: #2c983e; font-weight: bold;}
.text-06 {font-size: 10px; color: #bed4be;}
.cbp {padding: 0 0 20px 0; font-size: 12px; line-height: 20px;}
.cbp2 {padding: 20px 0 0 0;}
.cbp3 {margin-bottom: 20px;}

/* link styles */
a {text-decoration: none; color: #2c983e;}
a:hover {color: #666666;}

a.nav {font-weight: bold; font-size: 14px;}
a.nav-selected {text-decoration: none; color: #354635; font-weight: bold; font-size: 14px;}
a.cat-nav-selected {text-decoration: none; color: #ff3300; font-weight: bold; font-size: 14px;}

a.footer {text-decoration: none; color: #bed4be; font-size: 10px;}
a.footer:hover {color: #ff3300;}

a.tree-store {color: #ff3300; font-size: 14px; font-weight: bold; text-decoration: underline;}
a.tree-store:hover {color: #666666;}

a.weather {text-decoration: underline; color: #ff3300; font-size: 16px;  font-weight: bold;}


/* home page */
#icons-home {clear: left; list-style: none; list-style-type: none; width: 950px;}
#icons-home li {float: left;}
#icons-text-home {clear: left; list-style: none; list-style-type: none; width: 950px;}
#icons-text-home li {float: left;}
#notice-container {clear: left; margin: 0; padding: 0; position: relative; top: -20px;}
.notice {clear: left; width: 712px; padding: 8px; margin: 0; background-color: #ffd9a1; line-height: 18px;}
.notice-img {max-width: 712px;}
#notice-container img {margin: 10px;}
#signinNotice {width: 678px;}

#icon-sky-trail {clear: left; padding: 58px 0 10px 0; text-align: center; width: 185px;}
#icon-tall-tales {padding: 1px 0 0 20px;}
#icon-kingdom-trees {padding: 25px 0 0 26px;}
#icon-trail-museum {padding: 23px 0 0 40px;}
#icon-wilderness-trail {padding: 24px 0 0 28px;}

#icon-sky-trail-side {clear: left; padding: 20px 0 0 26px;}
#icon-tall-tales-side {padding: 20px 0 0 32px;}
#icon-kingdom-trees-side {padding: 20px 0 0 22px;}
#icon-trail-museum-side {padding: 20px 0 0 23px;}
#icon-wilderness-trail-side {padding: 20px 0 0 9px;}

#text-sky-trail {padding: 2px 0 0 9px; width: 185px;}
#text-tall-tales {width: 165px; padding-left: 10px;}
#text-kingdom-trees {width: 170px; padding-left: 8px;}
#text-trail-museum {width: 172px; padding-left: 11px;}
#text-wilderness-trail {width: 160px; padding-left: 33px;}

#text-sky-trail-side {padding: 2px 0 0 9px; width: 180px;}
#text-wilderness-trail-side {width: 160px; padding-left: 3px;}
#icons-side {clear: left; list-style: none; list-style-type: none; width: 181px; margin: 0; padding: 0;}
#icons-side li {}

#single-slide {margin: 0 0 10px 0;}

/* page */
#page-copy {position: relative; top: -20px; background-color: #ffffff;}

/* about us - hours */
.hours {color: #009900; font-size: 12px; line-height: 20px; font-size: 14px;}
.hours2 {color: #ff3300; font-style: italic; font-size: 14px; padding-bottom: 0;}
.hours3 {color: #ff3300; font-size: 22px; font-weight: bold; font-size: 14px;}
.hours4 {font-size: 12px; line-height: 20px; font-size: 14px;}
.hours5 {color: #ff3300; font-size: 22px; font-weight: bold; font-size: 14px;}

.iframe_wrapper  {width:95%; max-width: 750px; height:100%; max-height: 450px; margin:0 auto; background:#CCC}
.h_iframe        {position:relative; padding-top: 56%;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

/* sky trail */
#sky-trail-list {margin: 20px 0 0 30px;}
#sky-trail-list li {margin: 10px 0 10px 0;}
#sky-trail-text {clear: left; float: left; width: 353px; margin: 0 12px 0 0;}
#sky-trail-photos {float: left; width: 365px;}
#sky-trail-photos p {margin: 0 0 12px 0;}
#sky-trail-stats {clear: left; text-align: center; background-color: #d6e0d5; width: 353px; height: 258px; margin: 0 12px 0 0; line-height: 18px;}

/* trees page */
#trees-text {clear: left; float: left; width: 490px; margin: 0 12px 0 0; padding: 0; }
#trees-text h2 {clear: left; margin: 0; }
#trees-photos-01 {float: left; width: 228px; margin: 0;}
#trees-text-02 {clear: left; float: left; width: 483px; margin: 0 20px 0 0;}

/* museum page */
#museum-text {clear: left; float: left; width: 510px;}
#museum-photos {float: left; width: 200px;}
#museum-friends {clear: left; background-color: #d6e0d5; width: 486px; margin: 12px 0 0 0; padding: 12px;}

/* trails */
#trails-text {clear: left; float: left; width: 510px; margin-right: 18px;}

/* contact */
#contact-list {margin: 0 0 0 30px; list-style: none; list-style-type: none;}
#contact-list li {margin: 10px 0 10px 0;}
.contact-orange {color: #ff3300; padding-left: 20px;}
.contact-orange2 {color: #ff3300; padding-left: 50px;}
.contact-orange3 {color: #ff3300; }
.contact-orange4 {padding-left: 50px;}

/* motel trees */
.motel-trees-list {margin: 20px 0 0 30px;}
.motel-trees-list li {margin: 10px 0 10px 0;}
#motel-text {clear: left; float: left; width: 518px; margin: 0 12px 0 0;}
#motel-photos {float: left; width: 200px;}
#motel-form {clear: left; margin: 10px 0 0 0;}
.motel-label {float: left; width: 230px; text-align: right; margin: 0 0 10px 0; height: 20px;}
.motel-field {float: left; margin: 0 0 10px 20px; color: #000000; height: 20px;}
.motel-field2 {border: 1px solid #000000; color: #000000; padding: 2px 5px 2px 5px; font-size: 14px; width: 230px;}
#motel-submit-line {clear: left; text-align: center; margin: 0 0 20px 0;}
#motel-reset {margin-left: 50px;}
#motel-form-note {clear: left; text-align: left; background-color: #d6e0d5; padding: 16px; line-height: 18px; width: 486px; margin-top: 12px;}
.please-note {color: #009900; font-weight: bold;}
#hidden-beach {margin: 12px 0 12px 0;}

/* info request */
.input-label {float: left; width: 120px; text-align: right; padding: 5px;}
.input-field {float: left; margin-left: 20px; padding: 5px; color: #000000;}
.local-info {clear: left; margin-left: 50px; padding: 5px;}
.local-info2 {clear: left; margin-left: 100px; padding: 5px;}
.select-field {border: 1px solid #000000; color: #000000; padding: 5px; font-size: 14px;}
#comments {width: 450px; height: 80px;}
#form-submit {margin: 20px 0 0 0; width: 500px; text-align: center;}

/* forest cafe */
#forest-text {clear: left; float: left; width: 518px; margin: 0 12px 0 0;}
#forest-text img {clear: left; margin: 20px 0 0 0;}
#forest-photos {float: left; width: 200px;}

/* area info */
#area-info-text {clear: left; float: left; width: 518px; margin: 0 12px 0 0;}
#area-info-photos {float: left; width: 200px;}
.green-highlight {color: #009900; font-size: 14px; font-weight: bold;}

/* paul and babe */
#paul-babe-text {clear: left; float: left; width: 518px; margin: 0 12px 0 0;}
#paul-babe-photos {float: left; width: 200px;}

/* weather */
#weather-text {clear: left; width: 660px; height: 423px; background-color: #d6e0d5; padding: 20px; margin-top: 20px;}
#widget {clear: left; float: left; width: 240px; height: 420px; margin-top: 3px; }
#weather2-text {float: left; width: 400px; padding-left: 20px; }
#weather-list {margin-left: 20px;}
NetweatherContainer {height: 405px;}

/* webcam */
#webcam {clear: left; margin-top: 20px;}

/* store */
.cat-photo {clear: left; float: left; width: 200px; margin: 40px 0 0 50px;}
.cat-name {float: left; width: 350px; margin: 40px 50px 0 50px;}
.item-name {clear: left; width: 710px; margin: 20px 0 0 0;}
.item-name-h3 {clear: left; padding: 0;}
#store-note {background-color: #c7d8c6; padding: 10px; margin-top: 10px;}
.cat-nav-bg-01 {background-image: url(https://www.treesofmystery.net/images/cat-nav-01.jpg); background-repeat: no-repeat;}
.cat-nav-bg-02 {background-image: url(https://www.treesofmystery.net/images/cat-nav-02.jpg); background-repeat: no-repeat;}
.cat-nav-bg-03 {background-image: url(https://www.treesofmystery.net/images/cat-nav-03.jpg); background-repeat: no-repeat;}
#cat-nav {clear: left; width: 730px; height: 45px; list-style: none; list-style-type: none; margin: 10px 0 0 0;}
#cat-nav-01 {float: left; margin: 16px 0 0 70px;}
#cat-nav-02 {float: left; margin: 16px 0 0 80px;}
#cat-nav-03 {float: left; margin: 16px 0 0 100px;}
.item-price2 {clear: left; float: left; margin: 30px 0 0 0; padding: 0; color: #009900; font-size: 16px; font-weight: bold; width: 200px;}
.add-to-cart {float: left; margin: 24px 0 0 0; padding: 0; width: 200px;}
.mb-ship {display: none;}

/* cart */
#view-cart {background-color: #c6d7c5; padding: 14px; font-size: 30px; color: #7d8e7d; font-weight: bold; width: 680px;}
#view-cart-table {background-color: #ffffff; padding: 18px; width: 680px;}
.item-photo {width: 120px;}
.item-nameP {clear: left; color: #009900; width: 710px;}
.item-quantity {width: 80px;}
.item-price {float: right; padding: 0; color: #009900; font-size: 16px; font-weight: bold; width: 80px;}
.item-delete {width: 56px;}
.image-right {float: right; margin-left: 20px;}

/* checkout */
#breadcrumbs {clear: left; list-style: none; list-style-type: none; background-color: #ffffff; border: 2px solid #0b1f2e; height: 34px; padding-left: 20px; width: 680px;}
#breadcrumbs li {float: left; margin: 8px 40px 0 0;}
#breadcrumbs li.active {color: #ff3300;}
#checkout-cart {background-color: #c6d7c5; padding: 14px;}
#cart-error-01 {margin: 44px 0 0 0;}
.cart-header {color: #354735; font-size: 24px; font-weight: bold; padding: 10px 0 10px 0;}
.cart-header2 {font-size: 30px; color: #7d8e7d; font-weight: bold;}
.purchase-shipping {font-weight: bold; padding-right: 40px;}

/* billing page*/
#billing-left {clear: left; float: left;}
#customer-info {clear: left; height: 398px; border: 2px solid #0b1f2e; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#billing-info {clear: left; float: left; width: 314px; border-right: 2px solid #d9dcdf; text-align: left;}
#shipping-info {float: left; width: 266px; padding-left: 20px;}
.shipping-input {clear: left; width: 300px;}
.input-label {clear: left; float: left; width: 110px; font-size: 14px; color: #0b1f2e; margin: 2px 4px 2px 0; text-align: right; padding: 0;}
.input-labelS {clear: left; float: left; width: 84px; font-size: 14px; color: #0b1f2e; margin: 2px 10px 2px 0; text-align: right; padding: 0;}
.input-field {float: left; margin: 2px 0 2px 0; padding: 0;}
#billing-info  span {font-size: 14px; color: #FF0000;}
#shipping-info  span {font-size: 14px; color: #FF0000;}
.input-field2 {width: 160px; height: 20px; border: 1px solid #000000; color: #000000; padding: 0 10px 0 10px; font-size: 14px;}
.select-field {width: 160px; height: 30px; color: #000000; font-size: 14px; border: 1px solid #000000;}
.news-label {clear: left; width: 304px; font-size: 14px; color: #0b1f2e; margin: 5px 10px 2px 0; text-align: right;}
.continue {text-align: right; margin: 132px 0 0 0; position: relative; left: 20px;}
#buy-now {width: 100%; margin-left: 130px;}

/* payment page*/
#payment-info {clear: left; border: 2px solid #0b1f2e; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#payment-info  span {font-size: 14px; color: #FF0000;}
#paycheck {clear: left; margin: 0 0 20px 0; font-size: 14px; color: #0b1f2e;}
#paypal {clear: left; margin: 20px 0 20px 0; font-size: 14px; color: #0b1f2e;}
#credit-card {clear: left; margin: 0 0 20px 0; font-size: 14px; color: #0b1f2e;}
.payment-icon {margin: 0 10px 0 10px; position: relative; top: 8px;}
.credit-card-info {width: 162px; font-size: 14px; color: #0b1f2e; margin-right: 20px;}
.credit-card-info2 {width: 162px; margin-right: 20px;}
.credit-card-info3 {width: 182px; margin-right: 20px;}
.credit-card-info4 {width: 182px; font-size: 14px; color: #0b1f2e; margin-right: 20px;}
.margin-top-20 {margin-top: 20px;}
.margin-bottom-20 {margin-bottom: 20px;}
.input-field3 {width: 160px; height: 20px; border: 1px solid #d9dcdf; color: #000000; padding: 0 10px 0 10px; font-size: 14px;}
#license {clear: left; margin: 20px 20px 0 20px; font-size: 18px; color: #0b1f2e;}
#payment-buttons {clear: left; margin-top: 30px;}
#back-button {float: left; width: 50%;}
#order-button {float: left; width: 50%; text-align: right;}

/* confirmation page*/
#thank-you-title {clear: left; width: 100%; text-align: center; color: #009900; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-top: 10px;}
#thank-you {clear: left; text-align: center; font-size: 16px; color: #009900; margin: 20px 0 20px 0;}
#confirmation {clear: left; width: 100%; text-align: center; color: #ff3300; font-size: 22px; font-weight: bold; letter-spacing: 1px;}
#pay-type {clear: left; text-align: center; font-size: 18px; color: #0b1f2e; margin: 20px 0 20px 0;}
#ship-to {clear: left; float: left; width: 260px; margin: 0 0 20px 20px;}
#bill-to {float: left; width: 260px; margin: 0 20px 20px 0;}
#ship-to p {color: #0b1f2e; font-size: 20px;}
#bill-to p {color: #0b1f2e; font-size: 20px;}
a.lic {color: #ff3300; font-size: 16px; text-decoration: underline;}
#order-total {font-weight: bold; text-align: right;}

/* print receipt */
#print-receipt {clear: left; margin-top: 12px; padding: 6px; background-color: #ffffff; width: 688px;}
#print-receipt-title {clear: left; width: 100%; text-align: center; color: #0b1f2e; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-top: 10px;}
.print-receipt-header {text-align: center; font-size: 18px; color: #0b1f2e; margin: 20px 0 20px 0; font-weight: bold;}
.print-left {width: 260px; margin: 0 0 20px 20px;}
.print-right {width: 260px; margin: 0 20px 20px 0;}
.print-spacer {float: left; width: 50px;}

/* Media quires for a responsive layout */

/* For smartphones */
@media (max-width: 480px) {
    
    body {width: 480px;}
    
    #container {width: 480px; background-image: none;}
    #container-page-PC {width: 480px; background-image: none;}
    #container-page-MAC {width: 480px; background-image: none;}
    #container-page-IE {width: 480px; background-image: none;}
    #container-header {width: 480px; height: 140px;}
    #family-owned {padding: 0; margin: 10px 0 5px 10px;} /* only text */
    #trees-mobile {display: block; font-size: 18px; font-weight: bold; color: #f1d536; margin: 10px 0 0 0; padding: 0; }
    #redwood-heart {width: 430px; padding: 10px;}
    #sky-trail-container {display: none; padding: 0; width: 0; height: 0;}
    #sky-trail-image {display: none; width: 0; height: 0;}
    #social-media {padding: 0;}
    #social-media li {padding: 6px 0 6px 0;}
    
    #container-side {background-image: none; background-color: #cccccc; width: 150px; min-height: 100%;}
    #nav {width: 150px;}
    #nav li {padding-left: 10px;}
    #paul-babe-nav {display: block;}
    #dropdownInfo {display: none;}
    #icon-info-packet {clear: left; width: 150px; margin: 40px 0 10px 0;}
    #icon-info-packet img {width: 150px;}
    #icon-brochure {clear: left; width: 150px; margin: 40px 0 10px 0;}
    #icon-brochure img {width: 150px;}
    
    
    #icons-side {width: 150px;}
    
    #icon-sky-trail-side {width: 130px; padding: 10px;}
    #icon-sky-trail-side img {width: 130px;}
    #icon-tall-tales-side {width: 130px; padding: 10px;}
    #icon-tall-tales-side img {width: 130px;}
    #icon-kingdom-trees-side {width: 130px; padding: 10px;}
    #icon-kingdom-trees-side img {width: 130px;}
    #icon-trail-museum-side {width: 130px; padding: 10px;}
    #icon-trail-museum-side img {width: 130px;}
    #icon-wilderness-trail-side {width: 130px; padding: 10px;}
    #icon-wilderness-trail-side img {width: 130px;}
    
    #text-sky-trail-side {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-tall-tales {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-kingdom-trees {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-trail-museum {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-wilderness-trail-side {width: 130px; text-align: left; margin: 0; padding: 10px 10px 40px 10px;}
    
    #container-body {width: 328px; background-color: #ffffff; padding: 0;}
    #container-body-home {width: 328px; background-color: #ffffff; padding: 0;}
    
    #slides {display: none;}
    #slides img {display: none; width: 0; height: 0;}
    
    #page-copy {top: 0px; padding: 12px;}
    #page-copy p {width: 292px; padding: 0;}
    .dashed-line {width: 300px;}
    h3 {padding-right: 10px;}
    
    #footer {width: 480px; margin: 0; padding: 0; text-align: center;}
    #footer-nav {margin-left: 10px;}
    #bottom-spacer {width: 480px;}
    #bg-bottom {width: 480px;}
    
    /* home */
    #notice-container {top: 0;}
    .notice {width: 308px; padding-right: 12px;}
    .notice-img {max-width: 280px;}
    #notice-container iframe {width: 300px; height: 225px;}
    #christmas-lights {width: 280px;}
    #signinNotice {width: 280px;}
    
    /* about */
    #trees-sign {display: none; width: 0; height: 0;}
    
    /* skytrail */
    #sky-trail-text {width: 292px; margin: 0; padding: 0;}
    #sky-trail-text p {padding-left: 8px;}
    #sky-trail-photos {display: none; width: 0;}
    #sky-trail-photos  img {display: none; width: 0;}
    #sky-trail-stats {width: 292px; height: 300px;}
    
    /* trees page */
    #trees-text {width: 292px; margin: 0; padding: 0;}
    #trees-text p {padding-left: 8px;}
    #trees-text img {width: 290px;}
    #trees-photos-01 {display: none; width: 0; height: 0;}
    #trees-text-02 {width: 292px;}
    #trees-text-02 p {padding-left: 8px;}
    #trees-text-02 img {width: 290px;}
    
    /* paul & babe page */
    #paul-babe-text {width: 292px; margin: 0; padding: 0;}
    #paul-babe-text p {padding-left: 8px;}
    #paul-babe-photos img {width: 290px;}
    
    /* museum page */
    #museum-text {width: 292px; margin: 0; padding: 0;}
    #museum-text p {padding-left: 8px;}
    #museum-photos img {width: 290px;}
    
    /* trails page */
    #trails-text {width: 292px; margin: 0; padding: 0;}
    #trails-text p {padding-left: 8px;}
    #museum-friends {width: 280px;}
    
    /* motel page */
    #motel-text {width: 292px; margin: 0; padding: 0;}
    #motel-text p {padding-left: 8px;}
    #motel-photos img {width: 290px;}
    .motel-label {width: 280px; text-align: left;}
    .motel-field2 {width: 250px;}
    #hidden-beach img {width: 290px;}
    
    /* cafe page */
    #forest-text {width: 292px; margin: 0; padding: 0;}
    #forest-text p {padding-left: 8px;}
    #forest-text img {width: 290px;}
    #forest-photos img {width: 290px;}
    
    /* area info page */
    #area-info-text {width: 292px; margin: 0; padding: 0;}
    #area-info-text p {padding-left: 8px;}
    #area-info-photos img {width: 290px;}

    /* weather page */
    #weather-text {width: 292px; margin: 0; padding: 0; background-color: #ffffff;}
    #weather-text p {padding-left: 8px;}
    #weather2-text {width: 292px; margin: 0; padding: 0;}
    #weather2-text p {padding-left: 8px;}
    #widget {display: none; margin: 0; padding: 0; background-image: none; width: 0; height: 0;}
    
    /* webcam page */
    #webcam img {width: 290px;}
    
    /* contact page */
    #c-left {display: none;}
    #c-right {width: 26px; margin: 0; padding: 0 0 20px 0;}
    
    /* store */
    .input-label {text-align: left;}
    .input-field {clear: left;}
    .mb-ship {display: block; color: #009900; font-size: 16px; font-weight: bold;}
    .mb-add-cart {padding: 10px 0 0 20px;}
    .item-price2 {width: 140px;}
    .add-to-cart {width: 120px;}
    
    #view-cart {width: 314px;}
    #view-cart-table {width: 292px;}
    .item-name {width: 304px;}
    
    #cat-nav {width: 292px; min-height: 45px; margin-bottom: 20px;}
    #cat-nav li {clear: left;}
    .cat-nav-bg-01 {background-image: none;}
    .cat-nav-bg-02 {background-image: none;}
    .cat-nav-bg-03 {background-image: none;}
    #cat-nav-01 {margin-left: 20px;}
    #cat-nav-02 {margin-left: 20px;}
    #cat-nav-03 {margin-left: 20px;}
    
    .item-photo {display: none; width: 0;}
    
    /* checkout */
    #breadcrumbs {width: 272px; height: 130px; margin-bottom: 20px;}
    #breadcrumbs li {clear: left; margin: 8px 0 0 0;}
    #customer-info {height: 1200px; width: 280px;}
    #shipping-info {clear: left; padding-left: 0;}
    .news-label {width: 270px; text-align: left;}
    .input-labelS {text-align: left;}
    #payment-info {width: 280px;}
    #thank-you-title {width: 280px;}
    #confirmation {width: 280px;}
    
}

/* Landscape phone to portrait tablet */
@media (max-width: 800px) and (orientation : landscape) {
        
    body {width: 800px;}
    
    #container {width: 800px; background-image: url(https://www.treesofmystery.net/images/sky-trail.jpg); background-repeat: no-repeat; background-position: 570px 0;}
    #container-page-PC {width: 800px; background-image: none;}
    #container-page-MAC {width: 800px; background-image: none;}
    #container-page-IE {width: 800px; background-image: none;}
    #container-header {width: 800px; height: 140px;}
    #family-owned {padding: 0; margin: 10px 0 5px 10px;} /* only text */
    #trees-mobile {display: block; font-size: 18px; font-weight: bold; color: #f1d536; margin: 10px 0 0 0; padding: 0; }
    #redwood-heart {width: 510px; padding: 10px;}
    #sky-trail-container {display: none; padding: 0; width: 0; height: 0;}
    #sky-trail-image {display: none; width: 0; height: 0;}
    #social-media {padding: 0;}
    #social-media li {padding: 6px 0 6px 0;}
    #cart-icon {margin-right: 240px;}
    
    #container-side {background-image: none; background-color: #cccccc; width: 150px; min-height: 100%;}
    #nav {width: 150px;}
    #nav li {padding-left: 10px;}
    #paul-babe-nav {display: block;}
    #dropdownInfo {display: none;}
    #icon-info-packet {clear: left; width: 150px; margin: 40px 0 10px 0;}
    #icon-info-packet img {width: 150px;}
    #icon-brochure {clear: left; width: 150px; margin: 40px 0 10px 0;}
    #icon-brochure img {width: 150px;}
    
    #icons-side {width: 150px;}
    
    #icon-sky-trail-side {width: 130px; padding: 10px;}
    #icon-sky-trail-side img {width: 130px;}
    #icon-tall-tales-side {width: 130px; padding: 10px;}
    #icon-tall-tales-side img {width: 130px;}
    #icon-kingdom-trees-side {width: 130px; padding: 10px;}
    #icon-kingdom-trees-side img {width: 130px;}
    #icon-trail-museum-side {width: 130px; padding: 10px;}
    #icon-trail-museum-side img {width: 130px;}
    #icon-wilderness-trail-side {width: 130px; padding: 10px;}
    #icon-wilderness-trail-side img {width: 130px;}
    
    #text-sky-trail-side {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-tall-tales {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-kingdom-trees {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-trail-museum {width: 130px; text-align: left; margin: 0; padding: 10px;}
    #text-wilderness-trail-side {width: 130px; text-align: left; margin: 0; padding: 10px 10px 40px 10px;}
    
    #container-body {width: 650px; background-color: #ffffff; padding: 0;}
    #container-body-home {width: 650px; background-color: #ffffff; padding: 0;}
    
    #slides {display: none;}
    #slides img {display: none; width: 0; height: 0;}
    
    #page-copy {top: 0px; padding: 12px;}
    #page-copy p {width: 642px; padding: 0;}
    .dashed-line {width: 600px;}
    h3 {padding-right: 10px;}
    
    #footer {width: 800px; margin: 0; padding: 0; text-align: center;}
    #footer-nav {margin-left: 10px;}
    #bottom-spacer {width: 800px;}
    #bg-bottom {width: 800px;}
    
    /* home */
    #notice-container {top: 0px;}
    .notice {width: 608px; padding: 21px;}
    .notice-img {max-width: 580px;}
    #notice-container iframe {width: 600px; height: 225px;}
    #christmas-lights {width: 580px;}
    #signinNotice {width: 580px;}

    
    /* about */
    #page-copy iframe {display: none; width: 0; height: 0;}
    #trees-sign {display: none; width: 0; height: 0;}
    
    /* skytrail */
    #sky-trail-text {clear: left; float: left; width: 353px; margin: 0 12px 0 0;}
    #sky-trail-text p {width: 345px; padding-left: 8px;}
    #sky-trail-photos {float: left; width: 255px;}
    #sky-trail-photos  img {width: 250px;}
    #sky-trail-stats {width: 353px; height: 258px;}
    
    /* trees page */
    #trees-text {width: 390px; margin: 0; padding: 0;}
    #trees-text p {width: 382px; padding-left: 8px;}
    #trees-text img {width: 290px;}
    #trees-photos-01 {width: 228px;}
    #trees-text-02 {width: 360px;}
    #trees-text-02 p {width: 352px; padding-left: 8px;}
    #trees-text-02 img {width: 340px;}
    
    /* paul & babe page */
    #paul-babe-text {width: 422px; margin: 0; padding: 0;}
    #paul-babe-text p {padding-left: 8px; width: 385px; }
    #paul-babe-photos img {width: 200px;}
    
    /* museum page */
    #museum-text {width: 345px; margin: 0; padding: 0;}
    #museum-text p {padding-left: 8px; width: 345px; }
    #museum-photos img {width: 290px;}
    
    /* trails page */
    #trails-text {width: 345px; margin: 0; padding: 0;}
    #trails-text p {padding-left: 8px; width: 320px;}
    #museum-friends {width: 280px;}
    
    /* motel page */
    #motel-text {width: 345px; margin: 0; padding: 0;}
    #motel-text p {padding-left: 8px; width: 320px;}
    #motel-photos img {width: 290px;}
    .motel-label {width: 280px; text-align: left;}
    .motel-field2 {width: 250px;}
    #hidden-beach img {width: 290px;}
    
    /* cafe page */
    #forest-text {width: 345px; margin: 0; padding: 0;}
    #forest-text p {padding-left: 8px; width: 320px;}
    #forest-text img {width: 290px;}
    #forest-photos img {width: 290px;}
    
    /* area info page */
    #area-info-text {width: 345px; margin: 0; padding: 0;}
    #area-info-text p {padding-left: 8px; width: 320px;}
    #area-info-photos img {width: 290px;}

    /* weather page */
    #weather-text {width: 558px; margin: 0; padding: 0; background-color: #ffffff;}
    #weather-text p {padding-left: 8px; width: 550px;}
    #weather2-text {width: 292px; margin: 0; padding: 0;}
    #weather2-text p {padding-left: 8px;}
    #widget {display: none; margin: 0; padding: 0; background-image: none; width: 0; height: 0;}
    
    /* webcam page */
    #webcam img {width: 550px;}
    
    /* contact page */
    #c-left {display: none;}
    #c-right {width: 26px; margin: 0; padding: 0 0 20px 0;}
    
    /* store */
    .input-label {text-align: left;}
    .input-field {clear: left;}
    .mb-ship {display: block; color: #009900; font-size: 16px; font-weight: bold;}
    .mb-add-cart {padding: 10px 0 0 20px;}
    .item-price2 {width: 140px;}
    .add-to-cart {width: 120px;}
    
    #view-cart {width: 500px;}
    #view-cart-table {width: 468px;}
    .item-name {width: 450px;}
    
    #cat-nav {width: 550px; min-height: 45px; margin-bottom: 20px;}
    #cat-nav li {clear: left;}
    .cat-nav-bg-01 {background-image: none;}
    .cat-nav-bg-02 {background-image: none;}
    .cat-nav-bg-03 {background-image: none;}
    #cat-nav-01 {margin-left: 20px;}
    #cat-nav-02 {margin-left: 20px;}
    #cat-nav-03 {margin-left: 20px;}
    
    .item-photo {display: none; width: 0;}
    
    /* checkout */
    #breadcrumbs {width: 272px; height: 130px; margin-bottom: 20px;}
    #breadcrumbs li {clear: left; margin: 8px 0 0 0;}
    #customer-info {height: 1200px; width: 280px;}
    #shipping-info {clear: left; padding-left: 0;}
    .news-label {width: 270px; text-align: left;}
    .input-labelS {text-align: left;}
    #payment-info {width: 280px;}
    #thank-you-title {width: 280px;}
    #confirmation {width: 280px;}
    
}