* { box-sizing:border-box; -webkit-font-smoothing: antialiased; }
body { width:100%; overflow-x:hidden; height:100%; padding:0; margin:0;  background:#faf8e6 url(images/oysters-wood.jpg) no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; font-family:"Open Sans"; }
body.open { background-image:url(images/oysters-wood-blur.jpg); }
a { color:#646b35; }

#interior article { font-size:18px;  }
#interior article p { line-height:28px; }

#page { position:relative; }

#logo { position:absolute; z-index:999; top:15px; left:58px; display:block; width:280px; height:auto;  }
#shopping-basket { position:absolute; top:-30px; right:58px; width:120px; text-align:center; }
#shopping-basket a { color:#FFF; }
#shopping-basket span.price { position:absolute; top:3px; right:16px; line-height:20px; width:20px; height:20px; }
#shopping-basket img { width:36px; height:auto;  }

#social { position:absolute; left:20px; top:20px; }
#social a { display:block; margin-bottom:10px; }

#products { position:absolute; width:100%; height:97px; left:0; bottom:150px; }
#products-bg { position:relative; width:100%; padding:0 30px; height:97px; background:rgba(0,0,0,0.52); text-align: left;  }
#products .liner { position:relative; top:-130px; left:0; height:300px; width:80%; margin:0 auto; overflow:hidden; }
#products ul { position:relative; width:5000px; height:97px; padding:0;   }
#products ul, #products li { margin:0; padding:0; list-style:none; }
#products li { position:relative; display:inline-block; padding:20px; text-align: center; }
#products h2 { position:relative; top:-25px; }
#products a { position:relative; z-index:2;  color:#FFF; font-weight:300; text-transform:uppercase; font-size:16px; }
#products, #products * { -webkit-user-select:none; user-select:none; }

#products #slide-left {  cursor: pointer; position:absolute; left:22px;  top:-20px;  z-index:999; width:50px;  height:80px; line-height:137px; color:#FFF; font-size:42px; }
#products #slide-right {  cursor: pointer; position:absolute; right:0px; top:-20px;  z-index:999; width:50px; height:80px; line-height:137px; color:#FFF; font-size:42px;  }



span.price { position:absolute; z-index:3; bottom:88px; right:3px; display:block; width:42px; height:42px; border-radius:50%; background:#95a23b;  }
span.price {  font-size:14px; color:#FFF; line-height:42px; vertical-align: middle; text-align:center; }


article { margin-top:65px; padding:20px; }

footer { position:fixed;  z-index:100; left:0; bottom:0; width:100%; height:60px; background:#607675; }

nav { text-align: right; margin:58px; }
nav a { display:inline; display:inline-block; padding:18px 10px; color:#FFF; font-size:16px; text-transform:uppercase; }

/* Responsive Nav */
#menu, #close { position:absolute; top:50px; right:15px; width:40px; height:40px; z-index:1000; display:none;  }
#menu img, #close img {  width:40px; height:40px; }
#close img { width:30px; height:30px; }
#close { padding:10px; background:rgba(255,255,255,0.30); }

#wrapper { position:relative; width:100%; height:99vh; left:0%;  } 
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-100%; width:100%; padding:20px;  overflow:hidden;  }
#responder.open { left:0; }
#responder nav { margin-top:100px;  }

#responder li { list-style:none; }
#responder nav a { font-weight:bold; color:#FFF; text-decoration: none; font-size:120%;  display:block; margin:0; padding:5px;  }
#responder nav a:hover { color:#d9e88b;  }


/* Interior Pages */

section#interior {  position:relative; top:0px; background:none;  background-size:100%; padding:20px 50px 200px 50px;  }
section#interior article { background:#FFF; background:rgba(255,255,255,0.7); border-radius:12px; overflow-x:hidden; }
section#interior h1 { font-size:48px; font-weight:300; color:#414c5b; margin:0; }

section#interior.short { background:none; background-size:100%; padding:20px 50px 200px 50px; }
section#interior.short article { background:#FFF; background:rgba(255,255,255,0.7); margin:0; }


.add-to-cart { height:40px; width:auto; }

span.breadcrumbs, span.breadcrumbs * { color:#646b35; display:none; }




#edit-cart {}

#edit-cart table,
#edit-cart form {
    display: inline-block;
    margin: 0;
    padding: 0;
    width:100%;
}

#edit-cart table tr { width:100%; }

#edit-cart td td {
    padding: 4px;
    border-top: 1px solid #CCC;
}

#total-line,
.total-line {
    border-top: 3px solid #777;
    text-align: right;
    width: 100%;
    margin-top: 10px;
    padding: 3px 0;
}

span.block {
    display: table-cell;
    *display: inline;
}

.summary-line {
    position: relative;
    padding: 5px 0;
    width: 100%;
    text-align:right;
}

.summary-item-quantity {
    vertical-align: top;
    width: 15px;
}

.summary-item-title {
    vertical-align: top;
    width: 120px;
    text-align:left;
}

.summary-item-sum {
    vertical-align: top;
    width: 160px;
    text-align: right;
    text-align: right!important;
}

.subtotal {
    border-top: 1px dotted #AAA;
    text-align: right;
    width: 100%;
    padding: 5px 0;
}

.cart-item-title {
    width: 1000px;
    text-align: left;
}

.cart-item-update {
    width: 65px;
}

.cart-item-remove {
    width: 65px;
}

.cart-item-amount {
    width: 90px;
    text-align: right;
}

.cart-item-quantity {
    width: 55px;
}

th.cart-item-quantity {
    text-align: left;
}

.quantity {
    width: 3em;
    text-align: right;
}

.cart-update-button {}

.cart-remove-button {}

.paypal-checkout-image {
    width: 165px;
}

.paypal-customer-details {
    padding-left: 20px;
    padding-bottom: 15px;
}

.apollo-form td {
    vertical-align: top;
    padding: 5px;
}


aside#cart-summary {
    width: 280px;
    padding:20px;
    float: right;
    margin-right:20px;
}

aside#cart-summary * {
    font-size: 13px;
}

aside#cart-summary h1 {
    font-size: 21px;
}




#interior-products { width:100%; }
.product-tile { position:relative; width:250px; height:400px; overflow:hidden; padding:20px; display:inline-block; text-align: center; margin:20px; background:rgba(255,255,255,0.3); border:1px solid #DDD;  }
.product-tile * { font-family:Helvetica; font-weight:200; }
.product-tile .thumb-img { height:150px; width:auto; }
.product-tile em { display:none; }
.product-tile .corner { padding:10px;  font-size:18px; color:#777;  }
.product-tile h3 { margin-bottom:0; padding-bottom:0;  }
.upclose-price { width:100%; text-align:right; font-size:22px; color: #a9321d; }
.upclose-description { line-height:22px; }
.upclose-img { max-width:400px; height:auto;  }

a.product-large { width:400px; float:right; margin-left:20px; }

@media only screen and (max-width: 1023px) {


    #wrapper nav { display:none; }

	#logo {  left:15px; width:50%; max-width:250px; height:auto; max-height:255px;  }
	#social { left:5px; top:5px; }
	#social img { width:20px; height:20px;  }
	#shopping-basket { top:10px; right:0px; }
	#shopping-basket { width:100px; font-size:13px;  }
	#shopping-basket img { margin:3px auto; display:block; width:30px; height:30px; }
	#shopping-basket span.price { height:26px; width:26px; top:-5px; right:15px;  }
	

    #products { bottom:50px;  }
    #products-bg { height:8vw; padding:0; }
	#products img { height:12vw; width:auto;  }
	#products .liner { top:-40px; width:92vw;  }
	#products li { vertical-align: top; padding:20px 15px; }
	#products h2 {  width:100px; line-height:14px; }
	#products a { font-size:14px;  line-height:14px;  }
	#products span { bottom:auto; top:5px; right:20px; height:30px; width:30px; line-height: 14px; font-size:12px; }

    a.product-large { float:none; margin:0 auto; }

	#products #slide-left { left:5px;  transform:none; font-size:22px; line-height:8vw; }
	#products #slide-right { right:-20px;  transform:none; font-size:22px; line-height:8vw;  }

    #products #slide-left i, #products #slide-right i { position:relative; top:20px; }


    span.price { line-height:30px !important; }

	article { margin-top:0px; }

    section#interior { top:100px;  }
    section#interior.short { padding:20px 0;  }
    section#interior.short article { display:block; width:90vw; margin:0 auto; }

    #menu { display:block; }
    #menu img  { background:rgba(255,255,255,0.3); }


} /* End Medium Screen Media Query */



@media only screen and (max-width: 712px) {

    

    .upclose-img { display:block; max-height:400px; width:auto;  margin:0 auto; }

	.three-columns { 
		-webkit-column-count: 1; 
	    -moz-column-count: 1; 
	    column-count: 1;
	}

    #interior-products { text-align:center;  }

    #products-list li.product { max-width:86px; }

    #products .liner {  width:70%;  }
    #products a { font-weight:bold; font-size:13px;  }

    .product-tile { display:block; margin:5px auto; }

    #products li { vertical-align: top; padding:20px 0px; }

	section#interior { padding:20px 20px; }
	section#interior article { padding:20px; }
	
	footer { display:none; }

    .apollo-form div.row, .apollo-form div.column { display:block; padding:2px 0 0 0; }
    .apollo-form .required { float:left;  }
    .apollo-form textarea { width:100% !important; margin:0 auto; padding:0; }

    img.tinymce { width:100% !important; height:auto !important; margin:0 auto; padding:0; float:none;  }

} /* End Small Screen Media Query */