@charset "utf-8";
/* CSS Document */

 * {   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.box-link {
width:100%;
height:100%;
display:block;
}

/** turquoise **/
.homepage-boxes,
.centre-text-3 {
background-color:#5d5d5d !important;
}

.homepage-boxes:hover {
background-color:#64af9c !important;
}
#nav ul li a,
a.link-text,
#search input.search-box,
.prods_sec:hover,
#mailing-list h3, #opening-hours h3,
#prod_cont #prod_details p.product_price,
.cart-table td a:link,
.cart-table th a:link  {
color: #64af9c !important;
}

#mailing-list input.join  {
background-color:#64af9c !important;
}

#search input#search-button,
#prod_cont #prod_details input.addtobasket  {
background-color:#64af9c !important;
border:0px !important;
color:#fff !important;
}

#search input.search-box {
border: 1px solid #64af9c !important;
}

#prod_cont #prod_details input.addtobasket:hover {
background-color:#5d5d5d !important;
}

.prods_sec:hover {
border:5px solid #64af9c !important;
}

p.strap,
#top ul#trans li a,
#top #basket ul li,
#top #basket ul li a,
#mid h1,
h3,
#login_open_account a,
#login_no_account a,
#footer ul li a,
#footer p  {
color:#5d5d5d !important;
}

#prod_cont #prod_assoc #assoc h2 {
height: 120px !important;
padding:10px 0 10px 5px !important;
}

#mailing-list p {
color:#fff !important;
}

/** end turquoise **/




p.notice {
background-color:#ff910f;
padding:10px;
color:#fff;
display:block;
font-size:22px;
margin-bottom:20px;
display:none;
}

input, button, select, textarea {
    font-size: 11px !important;
}

button, input, optgroup, select, textarea {
    font: inherit;
}

#home_boxes {
xdisplay:none;
margin-bottom:25px;
}

#home_boxes a {
color:#fff !important;
text-transform: uppercase;
font-family: 'Prata', serif;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}



#search {
float:right;
margin-right:20px;
}

#search input.search-box {
border:1px solid #ccc;
color:#999;
padding-left:10px;
height:23px;
width:125px;
}

#search input#search-button {
border:1px solid #ccc;
margin-left:5px;
color:#999;
height:23px;
line-height:normal;
font-size:11px;
width:47px;
}

#search input#search-button:hover {
cursor:pointer;
}

th.textarea_heading {
width:250px !important;
padding:0 !important;
margin:0 !important;
}

td.textarea_entry {
width:250px !important;
padding:0 !important;
margin:0 !important;
}

body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
background-color:#fff;
background-image:url(../../../shopimages/assets/background1.gif);
background-repeat:repeat-x;
margin:0 0 60px 0;
}

strong {
font-weight:bold;
}

p {
color:#666;
font-family:Georgia, "Times New Roman", Times, serif;";
}

.clr {
clear:both;
}

em {
font-style:italic;
}

#wrap {
width:950px;
margin:0 auto;
margin-top:30px;
}

#top {
height:100px;
padding-bottom:20px;
xborder-bottom:1px dotted #666;
margin-bottom:80px;
position:relative;
}

#top img.logo {
padding-right:25px;
border-right:1px solid #96ACAE;
margin-top:4px;
}

p.strap {
position:absolute;
left:210px;
top:28px;
color:#95adb0;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#top ul#trans {
position:absolute;
bottom: 10px !important;
right:0px;
}

#top ul#trans li {
float:left;
margin-right:5px;
padding-right:5px;
border-right:1px solid #96ACAE;
}

#top ul#trans li:last-child { 
margin-right:0px;
padding-right:0px;
border-right:0px;
}

#top ul#trans li a {
text-decoration:none;	
font-size:11px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
}

#top ul#trans {
color:#96ACAE;
}

#top #basket {
position:absolute;
top:-5px !important;
right:0;
margin:10px 0 0 0;
width:245px;
font-family:Georgia, "Times New Roman", Times, serif !important;
}

#top #basket img.basket {
float:right;
width:38px;
}

#top #basket ul {
float:left;
margin:10px 15px 0 0;
width:190px;
}

#top #basket ul li {
text-align:right;
color:#96ACAE;
margin: 5px 0 0 0 !important;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
}

#top #basket ul li a {
color:#96ACAE;	
text-decoration:none;
font-weight:bold;
}

#slider-area {
position:relative;
}


#slider {
width:950px;
height:380px;
margin-bottom:35px;
overflow:hidden;
}

/** Slider zindex = 6 **/
#panel {
width:270px;
height:290px;
background-image:url(../../../shopimages/assets/panel.png);	
position:absolute;
top:10px;
left:90px;
z-index:10;
}

#panel h1 {
font-family: 'Prata', serif;
margin-top:5px;
padding:20px;
font-size:28px;
color:#fff;
font-weight:normal;
line-height:33px;
letter-spacing:0.5px;
}

h2#prod_opts {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin:0 0 5px 0;
font-size:16px;
color:#333;
}




#content {
width:740px;
width:100%;
overflow:hidden;
float:left;
}

h2#cartheading {
font-family:Georgia, "Times New Roman", Times, serif !important;
font-weight:bold !important;
margin:0 0 5px 0 !important;
font-size:16px !important;
color:#333 !important;
}




#mid {
overflow:hidden;
margin-bottom:20px;
}

#mid h1 {
font-size:32px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
font-family: 'Prata', serif;
margin:0 0 20px 0;
}

#wrap #mid p.forminfo {
color:#000;
width:75%;
background-color:#ff3;
float:left;
font-size:16px;
line-height:19px;
}

#wrap #mid a {
color:#95ADB0;
}

#wrap #mid a:hover {
color:#000;
}

.sec {
width:210px;
height:200px;
margin-right:35px;
float:left;
position:relative;
}

.sec img {
margin:0 0 20px 0;
}

.sec h2 {
font-family: 'Prata', serif;
font-size:26px;
color:#96ACAE;
margin:0 60px 0 0;
line-height:110%;
}

.sec a.more {
position:absolute;
top:130px;
right:10px;
}


#side_cont {
float:right;
overflow:hidden;
margin:0 0 50px 0;
}


#mailing-list {
background-color:#E8EBED;
width:150px;
height:180px;
padding:20px;
margin:0 0 20px 0;
}

#mailing-list {
    width: auto !important;
    height: auto !important;
    background-color: transparent !important
}

#news {
width:200px;
padding:0;
}

#news h3 {
margin:0;
padding:0;
font-size:18px;
height:25px;
font-family:Georgia, "Times New Roman", Times, serif;";
padding:0 0 5px 0;
border-bottom:1px dotted #666;
margin:0 0 8px 0;
color:#95adb0;
}

#news p {
line-height:130%;
font-size:12px;
}

#mailing-list h3 {
color:#96ACAE;
font-size:16px;
font-weight:bold;	
margin-bottom:5px;
}

#mailing-list p {
font-size:12px;
color:#333;
line-height:17px;	
font-family:Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
}

.mid #mailing-list {
    width: auto !important;
    height: auto !important;
    background-color: none !important
}

#mailing-list input#email, #mailing-list input#mce-EMAIL {
border:0;
margin:0 0 10px 0;
color: #000;
}

.mid a{
    color: #fff;
}

#mailing-list input.join {
background-color:#536F70;
border:0;
cursor:default;
cursor:pointer;
paddint:2px 4px 2px 4px;
color:#fff;
}

#opening-hours {
background-color:#E8EBED;
width:150px;
height:180px;
padding:20px;
margin:0 0 20px 0;
width: auto !important;
height: auto !important;
background-color: transparent !important
}

#opening-hours h3 {
color:#96ACAE;
font-size:16px;
font-weight:bold;	
margin-bottom:5px;
}

#opening-hours p {
font-size:12px;
color:#fff;
line-height:17px;	
font-family:Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
}

#footer {
height:250px;
overflow:hidden;
}

#footer ul {
border-bottom:1px dotted #666;
padding-bottom:15px;
margin-bottom:20px;
overflow:hidden;
}

#footer ul li {
float:left;
margin-right:5px;
margin-bottom:8px;
padding-right:5px;
border-right:1px solid #96ACAE;
}

#footer ul li:last-child {
margin-right:0px;
padding-right:0px;
border-right:0px solid #96ACAE;
}

#footer ul li a {
text-decoration:none;	
font-size:11px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
}

#footer ul li a:hover {
	
}

#footer p {
font-size:11px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
width:600px;
float:left;	
overflow:hidden;
}

#footer #social_buttons {
width:125px;
float:right;
overflow:hidden;
}

#footer #social_buttons img {
margin:0 0 0 3px;
}

#top_buttons img {
margin:0 0 0 3px;
float:right;
}


/*** USER FORMS / CART ***/
/*** USER TABLES/FORMS ***/
h2.sub_head {
color:#333;
font-weight:bold;
margin:0 0 8px 0;
}

.form-table {
width:85%;
padding:0;
margin:0 0 0 0;
float:left;
}

.form-table td,
.form-table th {
padding:5px 10px 5px 0;
vertical-align:top;
vertical-align:middle;
font-size:12px !important;
}


.form-table input.checkbox {
height:12px;
}

.form-table input {
border:1px solid #ccc;
margin:0 0 4px 0;
height:23px;
}

.form-table textarea,
.form-table select {
border:1px solid #ccc;
margin:0 0 4px 0;
}


.form-table input.button,
.cart-table input.button {
background-color:#333;
color:#fff;
vertical-align: baseline;
border:1px solid #000;
height:24px;
padding-bottom:3px;
}

.form-table input.button:hover,
.cart-table input.button:hover {
cursor:pointer;
background-color:#666;
}

p.error-text {
background-color:#FF6666;
color:#fff;
font-weight:bold;
padding:10px;
margin:3px 0 10px 0;
}

span.error-text {
color:#ff3300;
}

/*** CART TABLE ***/
.cart-table {
background-color:#eee;
padding:15px;
width:100%;
margin:0 0 10px 0;
border:1px solid #ddd;
}

.cart-table td,
.cart-table th {
padding:10px;
line-height:120%;
vertical-align:top;
}

.cart-table th {
color:#333;
font-weight:bold;
}

.cart-table tr.goods_total td {

}

.cart-table tr.discount td {
color:#E87679 !important;
}

.cart-table a:link,
.cart-table a:visited {
color:#0083FF !important;
}

.cart-table a:hover {
color:#333 !important;
}

/*** CHECKOUT ***/
#content p.inst,
#mid p.inst {
line-height:130%;
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 120px 30px 0;

}


/*** CHECKOUT LOGIN ***/
#login_open_account {
background-color:#eee;
width:100%;
padding:10px;
margin:15px 0 15px 0;
}

#login_open_account p,
#login_no_account p {
color:#666;
padding:0 20px 0 0;
margin:8px 0 0 0;
line-height:130% 
}

#login_no_account {
background-color:#eee;
width:100%;
padding:10px;
margin:0 0 15px 0;
}


/*** SELECT DELIVERY ADDRESS ***/

#use_this_address {
margin:0 0 15px 0;
padding:0 0 15px 0;
border-bottom:1px dashed #ccc;
}

p.order_customer_fields {
margin:8px 0 10px 0;
color:#333;
font-size:16px;
line-height:140%;
}


/*** CONFIRMATION ***/
#addresses th.table_head {
color:#333;
font-weight:bold;
line-height:140%;
}

#addresses th.table_head a {
font-weight:normal;
font-size:12px;
}

#addresses td.addresses {
color:#666;
line-height:130%;
}

td.submit_payment {
color:#666;
line-height:140%;
}

td.submit_payment span {
color:#FF6666;
}

/*** MY ACCOUNT PAGE ***/
#account-summary {
margin:10px 0 0 0;
overflow:hidden;
}

#account-summary #account-summary-left {
width:300px;
float:left;
}

#account-summary #account-summary-right {
width:300px;
float:right;
margin:0 25px 0 0;
}

#account-summary p,
#account-summary {
font-size:14px;
color:#666;
line-height:140%;
}

#account-summary h2 {
color:#64AEA2;
margin:0 0 8px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #64AEA2;
}

#account-summary #account-summary-right a,
a.accounthomelink {
color:#0075B3;
}

#account-summary #account-summary-right a:hover,
a.accounthomelink:hover {
color:#333;
}


/*** SECTION ***/
.section_prods {
width:219px;
height:260px;
float:left;
margin:0 8px 8px 0;
}

.section_prods p {
text-align:center;
font-size:14px;
}

.prods_sec {
border:5px solid #fff;
}

.prods_sec:hover {
border:5px solid #96ACAE;
}

.prods_sec .im_cont img {
width:209px;
height:209px;
overflow:hidden;
}


.prods {
width:219px;
height:219px;
float:left;
margin:0 8px 8px 0;
border:5px solid #fff;
}

.prods:hover {
border:5px solid #96ACAE;
}

.prods .im_cont img {
width:209px;
height:209px;
overflow:hidden;
}


p.secfull_desc {
line-height:130%;
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 120px 30px 0;
}

p {
line-height:130%;
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
}



/*** PRODUCT ***/
#prod_cont {
width:700px;
float:left;
xbackground-color:#ff3300;
}

#prod_cont #prod_details {
width:420px;
float:left;
xbackground-color:#ff3;
}

#prod_cont #prod_assoc {
width:240px;
float:right;
xbackground-color:#333;
}

#prod_cont #prod_assoc #assoc h2 {
width:215px;
height:70px;
color:#fff;
background-image:url(../../../shopimages/assets/bg_assoc.png);
background-repeat:no-repeat;
margin:0 0 20px 0;
padding:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
}

#prod_cont #prod_details {

}

#prod_cont #flags {
display:none;
}

#prod_cont #prod_assoc #assoc .prod_assoc {
border-bottom:1px dotted #666;
margin:0 0 20px 0;
padding-bottom:40px;
overflow:hidden;
}


#prod_cont #prod_assoc #assoc .prod_assoc .assoc_im {
width:100px;
height:100px;
xoverflow:hidden;
float:left;
}

#prod_cont #prod_assoc #assoc .prod_assoc img {
width:100px;
height:100px;
}

#prod_cont #prod_assoc #assoc .prod_assoc  p.assoc_desc {
width:125px;
float:right;
font-family:Georgia, "Times New Roman", Times, serif;";
font-size:14px !important;
line-height:18px;
color:#666;
}

#prod_cont #prod_assoc #assoc .prod_assoc  h3 {
width:125px;
float:right;
color:#000;
font-weight:bold;
margin:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;";
font-size:16px
line-height:20px;
}

#prod_cont #prod_details p.product_name,
#prod_cont #prod_details h1 {
font-family: 'Prata', serif;
font-size:34px;
color:#95adb0;
margin:20px 0 15px 0;
letter-spacing:1px;
font-weight:normal;
}

#prod_cont #prod_details p.product_price {
font-family: 'Prata', serif;
font-size:34px;
color:#95adb0;
margin:0 0 25px 0;
letter-spacing:1px;
}

#prod_cont #prod_details p.product_price span#each {
font-size:20px;
}

#prod_cont #prod_details p.product_desc {
font-size:16px;
color:#000;
line-height:130%;
margin:0 0 20px 0;
font-family:Georgia, "Times New Roman", Times, serif;";
}

#prod_cont #prod_details p.qty {
margin:0 0 2px 0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#prod_cont #prod_details input.addbasket,
#prod_cont #prod_details input.buy,
#prod_cont #prod_details input.qty {
margin:0;
padding:0;
vertical-align:bottom;
}

#prod_cont #prod_details input.buy {
background-color:#f7941e;
border:0;
cursor:default;
cursor:pointer;
color:#fff;
height:17px;
}

#prod_cont #prod_details input.addtobasket:hover {
cursor:default;
cursor:pointer;
}




#prod_cont {
margin:0 0 50px 0;
}

#prod_cont #prod_details a.back {
padding:0 0 0 12px;
margin:15px 0 0 0;
display:block;
background-image:url(../../../shopimages/assets/back.png);
background-repeat:no-repeat;
background-position:0 3px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;";
text-decoration:none;
}

#extra_images {
margin:15px 0 20px 0;
}

#extra_images .exim_cont {
width:60px;
height:60px;
background-color:#ddd;
float:left;
margin:0 10px 10px 0;
overflow:hidden;
}

#extra_images .exim_cont img {
width:60px;
height:60px;
}

p.option_head {
color:#333;
font-size:12px;
margin:0 0 2px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#prod_details select {
margin-bottom:8px;
}




/*** NEWS ***/
ul#news {
float:none;
}


/*** ARTICLE ***/
img.article_tn {
width:180px;
float:left;
margin:0 10px 0 0;
}

#art_thumbs {
margin:0 0 30px 0;
overflow:hidden;
}

#art_cols {
margin:0 0 40px 0;
overflow:hidden;
}

#art_cols p.art_left  {
line-height:130% !important;
width:400px;
float:left;
font-size:16px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
}

#art_cols p.art_right {
line-height:130% !important;
width:400px;
float:right;
font-size:16px;
color:#333;
margin:0 120px 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
}

/*** BREADCRUMB ***/
#breadcrumb {
margin:0 0 8px 0;
color:#333;
font-size:11px;
}

#breadcrumb a {
color:#0075B3;
text-decoration:none;
font-size:11px;
}

#breadcrumb a:hover {
color:#0075B3;
}

#nav {
padding-left:0;
margin:30px 0 0 0; 
list-style:none; 
height:42px; 
border-bottom:1px dotted #666;
}

#nav ul li:first-child a {
padding-left:0;
}


p.contactbottom {
margin:15px 0 0 0;
}

#art_sidebar {
width:700px;
overflow:hidden;
float:left;
}

#art_sidebar p {
line-height:120%;
margin:0 0 5px 0;
}

#art_sidebar p.order {
line-height:150%;
}



/*** PAGING ***/

.pages-container {
clear:both;
overflow:hidden;
margin:0 0 10px 0;
}

ul.pages-list {

}

ul.pages-list li {
float:left;
margin:0 5px 0 0;
}

input.inputpw {
width:432px;
}

.form-table th.ta {
vertical-align:top;
}

.form-table td.texta textarea.textbox {
width:430px;
}

/*** DROPLINE MENU ***/
#bod_dropline {
padding:0 0 0 0; 
margin:30px 0 0 0; 
list-style:none; 
height:42px; 
position:relative;
border-bottom:1px dotted #666;
}

#bod_dropline li {
float:left;
}

#bod_dropline li a {
display:block; 
height:40px; 
line-height:40px; 
padding:0 15px 0 0; 
float:left; 
text-decoration:none;	
font-size:16px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
}

#bod_dropline li a:hover {
line-height:40px;
height:40px;
color:#333;
}

#bod_dropline ul {
padding:0; 
margin:0; 
list-style:none; 
position:absolute; 
height:25px; 
width:950px; 
left:0;
top:46px; 
z-index:10; 
background:transparent; 
}

#bod_dropline ul li {
height:25px; 
line-height:25px;
}

#bod_dropline ul li a {
padding:8px 10px 0 10px; 
height:25px; 
line-height:25px; 
text-decoration:none;	
font-size:14px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
background:transparent; 
}

#bod_dropline ul li a:hover {
height:25px; 
line-height:25px; 
background:transparent; 
color:#c60;
color:#444;
}

#bod_dropline li a.secsel,
#bod_dropline li a.topsel {
color:#444;
}


#hi-cookie-box {
	background: url(hi-cookie-sprite.png) no-repeat -64px 0;
	width:190px;
	height:190px;
	font-size:11px;
	text-align: center!important;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index:9999;
}

p.hi-cookie-head {
color:#fff !important;
}

#payments {
margin:15px 0 20px 0;
height:80px;
overflow:hidden;
}

#prod_cont #prod_assoc #assoc .prod_assoc  p.assoc_desc {
font-size:14px !important;
}

#cookies {
background-color:#EDF2F3;
font-size:11px;
color:#666;
padding:4px;
width:950px;
margin:0 auto;
margin-bottom:50px;

display:none;
}



p.cook {
color:#777;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:140%;
padding:5px 40px 5px 5px;
}

p.cook a {
color:#777;
font-weight:normal;
}

#cookiewarning {
width:960px;
margin: 0 auto;
background-color:#DCE3E5;
position:relative;
}

#cookiewarning img#cookie-close {
width:15px;
position:absolute;
top:5px;
right:10px;
}

#cookiewarning img#cookie-close:hover {
cursor:pointer;
}

p.oos {
margin-top:5px;
color:#E05A5D;
}

#gift_certs {
margin:0 0 25px 0;
}

#gift_certs img {
margin:0 10px 0 0;
}

#gift_certs img:hover {
cursor:default;
cursor:pointer;
}

h2.discounts {
color:#CC0000;
font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:15px;
}

h2.discounts span.disc {
color:#666;
font-size:12px;
font-weight:normal;
}

#rhianfa {
width:200px;
}

#rhianfa img {
margin-bottom:5px;
}

#rhianfa h3 {
color:#96ACAE;
font-size:16px;
font-weight:bold;	
margin-bottom:5px;
}

#rhianfa p {
font-size:12px;
color:#333;
line-height:17px;	
font-family:Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
}

#side_extra {
xxdisplay:none;
}

#side_extra {
width:200px;
}

#side_extra img {
margin-bottom:5px;
}

#side_extra h3 {
color:#96ACAE;
font-size:16px;
font-weight:bold;	
margin-bottom:5px;
}

#side_extra p {
font-size:12px;
color:#333;
line-height:17px;	
font-family:Arial, Helvetica, sans-serif;
margin:0 0 15px 0;
}

.pinbut {
margin:8px 0 8px 0;
}

#nav ul li a {
display:block; 
height:40px; 
line-height:40px; 
padding:0 15px 0 0; 
float:left; 
text-decoration:none;	
font-size:15px;
color:#96ACAE;
font-family:Georgia, "Times New Roman", Times, serif;
}


/* SET UP SLICKNAV */
.slicknav_menu {
	display:none;
}

ul.slicknav_nav * {
    visibility: visible;
}
/* END SET UP SLICKNAV */

input.buy {
        padding: 2px 10px !important;
    }

/* MOBILE STYLES */
@media screen and (max-width: 950px) {
	.js .sf-menu{
		display:none;
	}
    
    #nav {
        display: none;
    }
    
    .slicknav_nav .slicknav_item a {
        text-transform: capitalize;    
    }
    
    .slicknav_nav a {
        text-transform: capitalize;    
    }
    
	.js .slicknav_menu {
		display:block;
	}
    
    #cookiewarning {
        max-width: 100vw !important;
    }
    
    #wrap {
        max-width: 100vw !important;
        margin-top: 10px !important;
    }
    
    #nav {
        border-bottom: none !important;
    }
    
    #top {
        height: 80px !important;
        border-bottom: none !important;
        padding-bottom: 0px !important;
    }
    
    #top_buttons {
        position: absolute;
        right: 0px;
        z-index: 10;    
    }
    
    #top_buttons img {
        margin: 0 2px 0 2px !important;
        z-index: 10;
    }
    
    #top img.logo {
        float: left !important;
        display: block;
        width: 150px;
        margin-left: calc(50% - 75px);
        margin-top: 20px !important;
        border-right: none !important;
    }
    
    .strap {
        top: 5px !important;
        float: left !important;
        left: 0px !important;
        position: relative !important;
        width: 100vw !important;
        text-align: center;
        align-content: center;
    }
    
    #trans {
        left: 5px !important;
        top: 0px !important;
    }
    
    #basket {
        width: 100vw !important;
        float: left !important;
        position: relative !important;
    }
    
    #basket ul {
        width: 100% !important;
        text-align: center;
    }
    
    #basket ul li {
        text-align: center !important;
    }
    
    img.basket {
        display: none;
    }
    
    #panel {
        position: relative;
        width: 100vw !important;
        height: auto !important;
        top: 0px !important;
        left: 0px !important;
    }
    
    #panel h1 {
        font-size: 1em;    
    }
    
    .nivoSlider {
        max-width: 100vw !important;
        height: 200px !important;
    }
    
    #slider * {
        max-width: 100vw !important;
        height: 200px !important;
    }
    
    .sec {
        width: 210px !important;
        margin-left: calc(50% - 110px) !important;
        height: auto !important;
        margin-bottom: 20px;
    }
    
    .sec h2 {
        font-size: 1.5em;  
        max-width: 120px;
        margin: 0 0 0 0;
        text-align: left;
    }
    
    #home_feature {
        display: none;
    }
    
    #side_cont {
        float: left !important;
        width: 80vw !important;
        margin-left: 10vw !important;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    #mid {
        text-align: center;
        overflow: visible !important;
    }
    
    .pages-container {
        padding: 10px;
    }
    
    ul.pages-list {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
        
    .prods {
        margin: 0 0 0 0 !important;
        width: calc(50% - 10px) !important;
        height: auto !important;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .prods img {
        width: 100% !important;    
    }
    
    #prod_details {
        width: 100vw !important;    
    }
    
    #prod_assoc {
        margin: 20px 0px 0px 0px !important;
        padding: 0px !important;
        float: left !important;
        left: 0px !important;
        width: 100vw !important;
        height: auto !important;
        overflow: visible;
    }
    
    #footer {
        width: 100vw !important;
    }
    
    #assoc {
        width: 250px !important;
        margin-left: calc(50% - 125px) !important;
        float: left !important;
        position: relative;
        overflow: visible;
    }
    
    #art_thumbs img {
        margin: 0 10px 20px 10px;
        width: calc(50% - 20px) !important;   
    }
    
    #art_cols p.art_left {
        max-width: 100% !important;
    }
    
    #art_cols p.art_right {
        float: left;
        max-width: 100% !important;
        margin: 0 0 0 0 !important;
        padding-top: 20px;
    }
    
    #content {
        max-width: 100vw !important;
        padding-bottom: 20px !important;
    }
    
    p.inst {
        width: calc(100vw - 20px) !important;
        padding: 10px;
    }
    
    #gift_certs {
        width: 80% !important;
        margin-left: 10% !important;
    }
    
    #gift_certs img {
        margin: 10px 10px 10px 10px !important;
    }
    
    .form-table {
        width: 80% !important;
        margin-left: 10% !important;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: left;
        align-items: left;
        -webkit-justify-content: left;
        justify-content: left;
    }
    
    .form-table input {
        max-width: 150px !important;    
    }
    
    .form-table textarea {
        max-width: 150px !important;    
    }
    
    #art_sidebar {
        max-width: calc(100vw - 20px) !important;
        padding: 0 10px 20px 10px;
    }
    
    .cart-table {
        padding: 0px !important;  
        font-size: 70% !important;
    }
    
    .cart-table td, .cart-table th {
        padding: 5px !important;    
    }
    
    #footer {
        padding: 10px;
    }
    
    #footer p {
        max-width: 100% !important;
    }
    
}

@media screen and (min-width: 700px) and (max-width: 950px) {
    .prods {
            margin: 0 0 0 0 !important;
            width: calc(32% - 10px) !important;
            height: auto !important;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
        }
}

@media screen and (min-width: 450px) and (max-width: 950px) {
    .sec {
        width: calc(50% - 20px)!important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        height: auto !important;
        margin-bottom: 20px;
    }
    
    .sec img {
        width: 100% !important;    
    }
    
    a.more {
        margin-top: 20px;
    }
}

@media screen and (min-width: 600px) and (max-width: 950px) {
    .sec {
        width: calc(33% - 20px)!important;
        margin-left: 10px !important;
        margin-right: 10px !important;
        height: auto !important;
        margin-bottom: 20px;
    }

}

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

#search {
display:none;
}
    td.total {
        color: transparent;
    }
    td.total a {
        display: block;
    }   
}

@media screen and (min-width: 400px) and (max-width: 950px) {
    #assoc {
            width: 80% !important;
            margin-left: 10% !important;
            float: left !important;
            position: relative;
            overflow: visible;
        }
    
    .prod_assoc {
        width: 160px;
        float: left;
    }
    
    .prod_assoc form {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        
    }
    
    .assoc_im img {
        width: 100% !important;
        max-width: 200px !important;
        height: auto !important;
    }
    
    .assoc_im {
        margin-bottom: 20px !important;
    }
    
    .prod_assoc h3 {
        width: 100px !important;    
    }
    
    p.assoc_desc {
        width: 100px !important;
    }
    
    .clr {
        clear: none !important;
    }
    
    #assoc h2 {
        width: 250px !important; 
        margin-left: calc(50% - 125px) !important;
    }
}
/* END MOBILE STYLES */

.flexbox-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;
}