/***********************************************
      TABLE STYLES
***********************************************/

table.responsive_table {width: 100%; max-width: 950px; margin: 25px auto}
@media screen and (max-width: 800px) {
table.responsive_table td, table.wdn_responsive_table th {
    display: block;
}
}

/***********************************************
      ORIGINAL CART STYLES
***********************************************/

    header { background: #e5fac1 url(backgroundgreen1.jpg);
     height: 300px;
     
        
    }
    .sb_hpages { background-color: #9bbf5a; }
    .mainwrap { background-color: #FFFFFF; }
    body {
      background: url(gfq_main_bg.png);
    }
    #overwrap, #sb_overbox {
      background: #ffffff
    }

    #sb_overbox { margin-bottom: 25px}

    @media screen and (max-width: 800px) {
      #overwrap { background: #FFFFFF; }
      .sidebar_left { background-color: #ffffff; }
      .sidebar_right { background-color: #ffffff; }
    }


    @media screen and (min-width: 800px) {
     #sb_overbox { border: 1px solid #9BBF5A }
    }

/***********************************************
      HEADER
***********************************************/

.sitelogo { text-align: center}


.quilttop {
     background: url(quilt_bg2.png) center;
     height: 134px;
     overflow: hidden;
}


/***********************************************
      90% STYLES - 4 COLUMNS
***********************************************/

@media screen and (min-width: 800px) {

body {padding: 1% 5% 1% 5%}

#overwrap,div.sb_hpages, header, footer {
     width: 100%;
     max-width: 100%;
     margin-top: 0;
}
.tinybit { max-width: 150px}
}



.sidemenu {
    padding: 1%;
    overflow: hidden;
    text-align: left;
    max-width: 300px;
}

@media screen and (max-width: 800px) {
.tinybit { display:none}

}

/***********************************************
      SIDE MENU
***********************************************/
.sidehead {
    padding-top, padding-bottom: 5px;
    background-color: #9bbf5a;
    color: white;
    font-weight: bold;
    font-family: Times New Roman, Times;
    font-size: 16pt;
    text-align: center
}

/***********************************************
      SOCIALS
***********************************************/

.social-links {
    text-align: left;
    margin-top: -6px;

}


.social-links a {
	background: #53752a; /****** CHANGE PER SITE *******/
	color: #FFFFFF;  /******* CHANGE PER SITE ********/
    border-radius: .2em; /* 1.5 circle - .2 rounded square */
	-moz-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	-webkit-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	display: inline-block;
	font-size: 1.2em; /* change for larger or smaller */
	line-height: 1.5em;
	text-align: center;
	width: 1.5em;
}

@media screen and (max-width: 800px) {
.social-links {
    text-align: center;
}
}


/***********************************************
      FOOTER
***********************************************/

.highlighttext {
    background-color: #9bbf5a;
    padding: 5px;
    text-decoration: none;
    font-family: verdana;
	font-weight: normal;
    font-size: 14pt !important;
}

.highlighttext a { color: #FFFFFF}