:root {
    /* Default to 1vw = 1% of the viewport width */
	--pagemax: 920px;
	--minfont: 13px;
	--mvw: 1vw;
}

@media (min-width: 921px) { 
    :root { --mvw: calc(9.2px); }
}

*, *:before, *:after {
box-sizing: border-box;
}

/* NOTES: 2015-03-11 */
.highdome {
       /* display: none !important;*/
        }
.hghlght {
        opacity: 0; position: absolute;
        }

html {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
body {
	margin: 0;
	padding: 0;
	background: #E1D4DF;
	font-size: 100%; /* 76%; */
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	}

table, input, select {
	font-size: 100%;
	}

h1 {	font-size: 1.8em; line-height: 1.125;	}
h2 {	font-size: 1.5em; line-height: 1.125;	}
h3 {	font-size: 1.125em; line-height: 1.125;	}
h4 {	font-size: 1em;	}

h1, h2, h3, h4, p {
	margin-left: 1%;
	margin-right: 1%;
	}
h1, h2, h3, h4 {
	margin-bottom: 0px;
	}
h1, h2 {
	font-family: 'Oxygen', Helvetica, Arial, sans-serif;
	color: #cc0000;
	font-weight: normal;
	}

a {
	color: #7C1F7B; /* #7E2D23;*/
	text-decoration: none;
	}
a:hover {
	color: #0000ff;
	text-decoration: underline;
	}
h2 a:after, h3 a:after {
	content: url('../graphics/chain-small16-red.png');
	}
h2 a:after, h3 a:after {
	content: url('../graphics/chain-small16-red.png');
	}
h2 a:hover:after, h3 a:hover:after {
	content: url('../graphics/chain-small16-black.png');
	}
.addchain a:after {
	content: url('../graphics/chain-small10-red.png');
	}
.addchain a:hover:after {
	content: url('../graphics/chain-small10-black.png');
	}
img {
	width: 100%;
	height: auto;
	display: block;
	border: 0;
	}
ol {
	margin-left: 0;
	padding-left: 20px;
	}
ol li {
	list-style-position: outside;
	}
ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 10px;
	}
li {
	list-style-position: outside;
	margin-left: 30px;
	}
/* CONTAINER ======================= */
#container {
	width: var(--pagemax);
	position: relative;
	margin: 8px auto 4px auto;
	border: 1px solid #4A1B04;
}
	
/* MASTHEAD ======================== */
#masthead {
	border-top: 1px solid #4A1B04;
	width: 100%;
	background: #AF9B8E;
	padding: 0;
	text-align: center;
	}

/* LOGO ============================ */
#logo {
	margin: 0;
	background: #AF9B8E;
	position: relative;
	}

/* TOPMENU ======================== */
#topmenu_infooter, 
#topmenu {
	border: 1px solid #4A1B04;
	background: #DEAB43;
	padding: 0;
	font-size: .9em;
	color: #ffffff;
	margin: 0;
	overflow: hidden;
	}

#topmenu_infooter {
	clear: both;
	}

#topmenu_infooter ul, 
#topmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}


#topmenu_infooter ul li, 
#topmenu ul li {
	margin: 0px 4px;
	display: inline;
	text-align: center;
	overflow:hidden;
	height: 100%;
	font-weight: bold;
	white-space: nowrap;
	}

#topmenu_infooter ul li a, 
#topmenu ul li a {
	margin: 0 .2em;
	padding: .4em .3em;
	color: #ffffff;
	text-decoration: none;
	line-height: 3em;
	/*border-left: 1px solid transparent;
	border-right: 1px solid transparent;*/
	border: 1px solid transparent;
  	border-radius: 7px;
	}

#topmenu_infooter ul li a:hover, 
#topmenu ul li a:hover {
	color: #000000;
	background: #DECEAE;
	/*border-left: 1px solid #4A1B04;;
	border-right: 1px solid #4A1B04;*/
	border-color: #4A1B04;
	}

/* CATMENU ======================== */
#catmenu_infooter,
#catmenu {
	background: #DEA32A;
	padding: 1px;
	font-size: .8em;
	color: #000000;
	overflow: hidden;
	}

#catmenu_infooter ul,
#catmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	}


#catmenu_infooter ul li,
#catmenu ul li {
	display: inline;
	text-align: center;
	overflow:hidden;
	margin: 0em;
	white-space: nowrap;
	}

#catmenu_infooter ul li a,
#catmenu ul li a {
	margin: .25em .25em;
	padding: .5em 1em;
	background: #DCC3B3;
	color: #4A1B04;
	text-decoration: none;
	border: 1px dashed #4A1B04;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	line-height: 3em;
	height: 3em;
	}

#catmenu_infooter ul li a:hover,
#catmenu ul li a:hover {
	color: #eeeeee;
	background: #4A1B04;
	}

/* INNERCONTAINER ======================= */
#innercontainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1.3; /* 1.5em */
	overflow: hidden;
	background: #ffffff;
	color: #1E284D;
	border-left: 1px solid #4A1B04;
}


/* RCCONTENT ===================== */
#rccontent {
	width: 100%;
	margin-top: 0px;
	padding: 0 .5em .5em .5em;
	overflow: hidden;
	position: relative;
	font-size: clamp( var(--minfont), calc(1.75 * var(--mvw)), 1rem);
	}

/* FOOTER ======================== */
#footer {
	background: #ACACAC;
	width: 100%;
	clear: left;
	/* height: 9em;*/
	font-size: .8em;
	overflow: hidden;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0;
	padding: 0;
	color: #000044;
	}

#footer ul {
	background: #7B501D;
	border-bottom: 1px solid #563814;
	width: 100%;
	padding: 6px 0;
	list-style: none;
	margin: 0px 0 5px 0;
	text-align: center;
	font-size: .9em;
	line-height: 2.2;
	}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	}
#footer ul li a {
	padding: 0 12px 0 12px;
	color: #ffffff;
	text-decoration: none;
	}
#footer ul li a:hover {
	background: #CAA04E;
	color: #423419;
	}
.footimg {
	float: left;
	width: 100px;
	margin: 1.5%;
	}

#menubtn {
	position: absolute;
	top:5px;
	right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 45px;
	height: 36px;
	display: block;
	float: left;
	background: url("../graphics/mrmbtn-dark.png") no-repeat left top / cover rgba(255,255,255,.5);
	/* keep in mind we have style in index file so ../ not needed */
	border: 1px solid #000000;
	border-radius: 5px;		
	}

#menubtn.jximytopen {
    /*	width: 27px; removed this resize trick so that menu can be popped open and closed
	height: 22px;
	margin-top: 10px;
	margin-left: 12px; */
	background-color:  rgba(255,0,0,.3);
}

/* FORM ============================== */
form { margin:0; padding:0; display:block;}

.submitbutton {
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

/* =================================== */
.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}

.floatright {
        float: right;
        margin: 6px 5px 0px 8px;
}

.floatleft {
        float: left;
        margin: 6px 8px 0px 5px; 
}

.fright {
        float: right;
}

.fleft {
        float: left;
}

.floatcenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}
.centeredline {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1px;
        margin-top: 4px;
        padding:0px;
        width: 82%;
        height: 0;
        border-top: 1px solid #994444;
        text-align: center;
}

.borderred {
	border: 1px solid #ff0000;
	border-radius: 8px;
}

.notebox {
	border: 1px solid #ff0000;
	border-radius: 8px;
	display: table;
	margin: 1.4em 1em;
	padding: 0em 1em;
}
.notebox .highdome {
	border: none;
	}

.notebox h2 {
	margin-top: 0;
}
.notebox img {
	border-radius: 8px;
}

/* SECTION CLASS ================================== */
.section {
        width: 98%;
        padding: 1%;
        margin: 2% 0 2% 1%;
        border: 1px solid;
        border-radius: 8px;
        overflow: hidden;
        display: block;
        }
.section ul {
        display: table;
        }
.secpicr,
.secpic {
        width: 50%;
        float: left;
        margin: 0 1% 0 0;
        border: 1px solid;
        border-radius: 8px;
        overflow: hidden;
        display: block;
        }
.secpicr {
	float: right;
	margin: 0 0 0 1%;
	}

#bpinductbtn,
#mainpicr,
#mainpic,
.picncap {
        overflow: auto;
        margin: .7em 1em;
        text-align: center;
        font-size: .75em;
        }
#mainpic {
        width: 47%;
        float: left;
        margin: 2.5%;
	}
#mainpicr {
	width: 47%;
	float: right;
        margin: 2.5%;
	}
#bpinductbtn img,
#mainpic img,
.picncap img {
        margin: 0 auto;
        }
#bpinductbtn p,
#mainpic p,
.picncap p {
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }
#mainpic2r,
#mainpic2 {
        width: 25%;
        float: left;
        margin: 3%;
        }
#mainpic2r {
	float: right;
	}
#mainpic2r p,
#mainpic2 p {
	text-align: center;
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 0;
        }
#mainpic2r h3,
#mainpic2 h3 {
	text-align: center;
        margin-left: 0px;
        margin-top: 3px;
        margin-bottom: 0;
        }

#bpinductbtn {
	width: 100px;
	float: right;
	}

p.notice {
	color: #D22D0C;
	}
.bulletin {
	border: 1px dotted #A2A1FF;
	background: #FEF3A9;
	overflow: hidden;
	}
.bulletin .sample {
	font-size: .85em;
	}
.bywho {
	text-align: right;
	}
.itemette {
	float: left;
	margin: 5px 5px 5px 12px;
	height: 148px;
	overflow: hidden;
	}
.itemette img {
	height: 130px;
	width: auto;
	}

.itemette p {
	margin: 0;
	padding: 0;
	font-size: .75em;
	text-align: center;
	font-weight: bold;
	line-height: 1.125;
	}

.gridby3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}

.itemsimple {
	}
.itemsimple img {
	margin-top: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
        }
.itemsimple p {
	font-size: max(12px, .85em);
	padding: 0;
	margin: 0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	}
@media (max-width: 640px) {
   .gridby3 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	padding: 10px;
	}
}

ul.address {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
}
#bpimagewrap {
	float: right;
        margin: 10px 0px 5px 5px;
	overflow: hidden;
	width: 40%;
	/* max-height: 610px;*/
	}
#bpimagewrap h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	font-size: 1em;
	font-weight: bold;
	}

#bpimagewrap p {
	margin-top: 0px;
	font-size: .8em;
	line-height: 1.2;
	}

.bpdescription {
	}
.bpshoutout {
	font-size: .9em;
	background: #EFEAE5; /* #EFDECD;*/
	border: 1px solid #B9A189;
	overflow: hidden;
	margin: 10px auto;
	padding: 5px;
	width: 85%;
	}
.bpshoutout p {
	margin-top: 3px;
	}

.testimonial {
	background: #E7E6E6;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 8px;
	border: 1px solid #D6C6CF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
.testimonial img {
	border: 2px solid #000000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
.testimonial h2 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	}
.testimonial.lowkey h2 {
	margin-top: 1em;
	margin-bottom: .7em;
	}
.testimonial p {
	color: #808080;
	font-style: italic;
	font-size: 1.125em;
	font-weight: normal;
	line-height: 1.3;
	padding-top: 0px;	
	margin-top: 5px;	
	}
.testimonial.lowkey p {
	font-size: 1em;
	}
.testimonial p span {
	font-style: normal;
	font-weight: bold;
	color: #4B009A;
	font-size: 1.125em;
	}
.testimonial.lowkey p span {
	font-weight: normal;
	font-size: 1em;
	}

.ppadd {
        margin: 0 0 0 10px;
	overflow: hidden;
	text-align: center;
	width: 7em;
        }
.ppadd form {
        float: left;
        margin: 0 4px 0 0;
        padding: 0;
        display: inline;
        }
.ppadd form input { /* smaller submit button */
        /* submit graphic is only visible input element in ppadd. */
        width: 7em; 
        padding-top: 0;
        margin-top: 0;
        }
.ppadd p {
        margin: 0;
        padding: 0;
        }
.cartfaq {
	/* display: block; */
	display: none;
        font-size: .75em;
        padding-top: 0px;
        padding-bottom: 9px;
        }
.cartprice {
        font-size: .85em;
        padding-top: 5px;
        padding-bottom: 9px;
        }

.ppaddinline {
        margin: 0 0 0 10px;
        }

.ppaddinline form {
        float: left;
        margin: 0 4px 0 0;
        padding: 0;
        display: inline;
        }
.ppaddinline form input { /* smaller submit button */
        /* submit graphic is only visible input element in ppadd. */
        width: 90px;
        padding-top: 0;
        margin-top: 0;
        }
.ppaddinline p {
        margin: 0;
        padding: 0;
        }

.bpdetail {
	color: #aa0000;
	}
.bpcontact {
	color: #aa0000;
	}
.bpcontactlink {
	font-size: .9em;
	color: #aa0000;
	}
.bpaction {
	}
.bpaction ul {
	overflow: hidden;
	}

.rsidecol {
	float: right;
	background: #F4E2EC;
	border: 1px solid #D6C6CF;
	overflow: hidden;
	}
.centerme {
	margin: 0 auto;
	overflow: hidden;
	}

/*=== Payloadz ===*/
.pzlink {
	display: inline-block;
	overflow: hidden;
	margin: 0 0 0 1%;
	}
.pzlink img {
	width: 188px;
	}
.pzjpg,
.pzwinapp,
.pzvideo,
.pzpdf {
	overflow: hidden;
	}
.pzjpg h2,
.pzwinapp h2,
.pzvideo h2,
.pzpdf h2 {
	font-size: 1.35em;
	margin-top: 0;
	padding-bottom: 0;
	}

.pzjpg p.price,
.pzwinapp p.price,
.pzvideo p.price,
.pzpdf p.price {
        font-size: 1.3em;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #ff0000;
       font-size: 1.125em;
        }

.pzjpg p.title,
.pzwinapp p.title,
.pzvideo p.title,
.pzpdf p.title {
        font-size: 1.3em;
        margin-top: 10px;
        margin-bottom: 0px;
        color: #ff0000;
	}

.pzjpg .pzlink img,
.pzwinapp .pzlink img,
.pzpdf .pzlink img {
	height: 28px;
	width: auto;
	margin-left: 12px;
	}
.pzvideo .pzlink img {
	width: 100%;
	height: auto;
	margin-left: 2px;
	}

@media (max-width: 480px) {
    .pzjpg,
    .pzwinapp,
    .pzvideo,
    .pzpdf  {
	width: 100%;
	}

}

.ejthumb {
	float: left;
	width: 50px;
	margin: 1%;
	}

.facebookicon { }
.facebookicon h3 {
        font-size: 2em;
        margin-top: 0;
        padding-top:6px;
        }
.facebookicon img  {
        width:144px;
        float:left;
        margin-right: 15px;
        }
@media (max-width: 480px) {
    .facebookicon img {
        width:107px;
        margin-right: 10px;
        }
    .facebookicon h3 {
        font-size: 1.5em;
        }
}

.prodette {
	margin: 5px 10px 10px 10px;
	overflow: hidden;
	background: #E3F6F8;
	border: 1px solid #777777;
	font-size: .85em;
	line-height: 1.125;
	position: relative;
	}

.prodette img {
	height: 130px;
	width: auto;
	float: left;
	margin: 5px;
	border: 1px solid #444444;
	}
.prodette .moreinfo a {
	font-size:  .9em;
	font-weight: bold;
	position: absolute;
	right: 5px;
	bottom: 5px;
	}

.moreinfo a {
	font-size:  .9em;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 3px;
	float: right;
	}

.ftselector {
        margin: 5px;
        border: 1px solid #777777;
        padding: 1px;
	overflow: hidden;
	float: left;
/*	display: inline-block; */ /* will make shrink wrap */
        }
.ftselector p {
	padding: 0px;
	margin: 0px;
        text-align: center;
	line-height: 1;
	}
#bpattributes {
	width: 390px;
	max-height: 180px;
	overflow: auto;
	margin-right: 4px;
	display: table-cell;
	}

h3.regprice { margin-bottom: 5px;}
h3.price,
h3.saleprice {
        color: #ff0000;
        font-size: 1.25em;
        margin-top: 4px;
        margin-bottom: 5px;
        }
h3.regprice span { font-size: 1.125em; }
h3.price span,
h3.saleprice span { font-size: 1.3em; }

.alternateitem {
	font-size: .85em;
	border-top:1px dotted #F51155;
	border-bottom:1px dotted #F51155;
	background: #F5CED9;
	margin-left: -8px;
	padding: 5px 0 5px 0;
	overflow: hidden;
	}
.alternateitem .ppadd div.cartfaq {
	display: none;
	}
.alternateitem div.ppadd {
	float: left;
	}

.salebox {
	width: 700px;
	margin: 5px auto;
	}
.salebox h2 {
	font-size: 3em;
	line:height: 1em;
	text-align: center;
	color: #ff00ff;
	}

.option {
	float: left;
	width: 45%;
	margin: .5em 0 .5em 2em;
	font-size: .8em;
	}
.option img {
	float: left;
	margin-right: 1em;
	}
.testistory,
.wombeacon {
	width: 90%;
	margin: 1em 0 .75em 5%;
	border: 1px solid #000044;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	background: #F0EEDD;
	overflow: hidden;
	}
.testistory p,
.wombeacon p {
	font-size: .9em;
	line-height: 1.3;
	padding-top: 0px;	
	margin-top: 5px;	
	}
.testistory .linkage,
.wombeacon .linkage {
	float: right;
	width: 30%;
	font-size: .8em;
	margin: 5px 5px 0 5px;
	}
.testistory .linkage img,
.wombeacon .linkage img {
	width: 100%;
	}

.videowrapperouter {
	overflow: hidden;
}
.videowrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
	overflow: hidden;
}
.videowrapper object,
.videowrapper embed,
.videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.round7 {
	border: 1px solid #000000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;	
	}
	
.width30 {	/* no jump on 480 */
	width: 30%;
	}
.width40 {	/* no jump on 480 */
	width: 40%;
	}
.width50 {
	width: 48%;
	}

.pwidth90 {
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
	}
.pwidth100 {
	width: 100%;
	margin: 0;
	overflow: hidden;
	}

.pwidth30r,
.pwidth40r,
.pwidth50r,
.pwidth30,
.pwidth40,
.pwidth50 {
	margin: 1.5% 1.45% 1% 1.45%;
	float: left;
	overflow: hidden;
	}
.pwidth50r,
.pwidth50 {
	width: 47%;
	}
.pwidth40r,
.pwidth40 {
	width: 37%;
	}
.pwidth30r,
.pwidth30 {
	width: 31%;
	}
.pwidth30r,
.pwidth40r,
.pwidth50r {
	float: right;
	}

.box100 {
	width: 100%;
	position: relative;
	}
.box50 {
	width: 48%;
	position: relative;
	}
.box40 {
	width: 39%;
	position: relative;
	}
.box33 {
	width: 32%;
	position: relative;
	}

.dottedredborder {
	border: 2px dotted #990000; 
	margin: .5em; 
	padding: .2em; 
	border-radius: 5px;
}

.checkoutour {
	width: 20%; 
	display: inline-block; 
	font-size: .8em; 
	text-align: center;
        float: right;
        margin: 6px 5px 0px 8px;
}
.ulqalist {
	list-style-type: none;
	padding-left: 0px;
}
.ulqalist ul {
	list-style-type: none;
	margin-bottom: 6px;
}

.referto {
        margin: 10px 4px 4px 6px;
        background: #ffff49;
        float: right;
        width: 25%;
        text-align: center;
        padding: 10px;
        border: 1px dotted #777777;
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        }
.referto h2 {
        color: inherit;
}
.referto:hover {
        background: inherit;
}
.referto a {
        color: #0000ff;
}
.referto a:hover {
        color: #009900;
}


.videowrapperouter {
	overflow: hidden;
}
.videowrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
	overflow: hidden;
}
.videowrapper object,
.videowrapper embed,
.videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/* xxaxx */
.pinimage {
	width: 40%;
	}
.rhug40 {
        float: right;
        width: min(300px, 40%);
	margin-left: 10px;
	}
.rhug30 {
        float: right;
        width: min(300px, 30%);
	margin-left: 10px;
        }
@media (max-width: 480px) {
    .rhug40,
    .rhug30 {
        width: 98%;
	margin-left: .5%;
        float: none;
        }
}

/* @media helper classes */
.nodisp640,
.nodisp480 {
	display: auto;
	overflow: hidden;
	}
.onlydisp480 {
	display: none;
	}
.fullish {
	width: 95%;
	margin-left: 2.5%;
	}
.fullat480 {
	}
.fullat640 {
	}

/* jALSO styles */
#alsodiv {
	overflow: hidden;
	width: 95%;
	margin: 2% 0 2% 2%;
	}
.alsoitem {
	width: 31%;
	margin: 1.1%;
	float: left;
	border: 1px solid;
	font-size: .85em;
}
.alsoitem p {
}

.alsoitem h3 {
	text-align: center;
}

/* jALSO LoadM styles */
#loadmdiv {
	overflow: hidden;
	width: 95%;
	margin: 2% 0 2% 2%;
	}
.loadmitem {
	width: 95%;
	margin: 1.5% 0 1% 2.5%;
	float: none;
	border: 1px solid;
	font-size: .85em;
	overflow: hidden;
}
.loadmitem img {
	width: 25%;
	float: left;
	margin-right: 1.5%;
}
.loadmitem p {
}

.loadmitem h3 {
	text-align: left;
}



/* Large desktop min- (greater than or equal to) */
@media (min-width: 1200px) { ... }
     
/* Portrait tablet to landscape and desktop 
greater than or equal to 768px special 800px
less than or equal to 979px */
@media (min-width: 800px) and (max-width: 979px) { ... }
     
@media (max-width: 960px) { }
@media (max-width: 920px) {
	#container {
		width: 100%;
	}
}
@media (max-width: 800px) { }
@media (max-width: 680px) { }
@media (max-width: 640px) {
	#mainpicr
	#mainpic {
		width: 37.5%;
		margin: 2%;
	}
	.lside70,
	.rside30 {
		width: 100%;
		float: none;
	}
	.rightbox {
		display: none;
	}
	.payoption {
		width: 90%;
		margin-left: 5%;
	}
	#logoname {
		width: 198px;
		margin: 32px 0 0 10px;
	}
	.bsbwrapper {
		margin: 1%;
		width: 48%;
	}
	.pinimage {
        	width: 100%;
        }
	.nodisp640 {
		display: none;
	}
	.fullat640 {
		width: 100% !important;
	}
}     
/* Landscape phones and down
less than or equal to 480px */
@media (max-width: 480px) {
	.fullat480 {
		width: 100% !important;
	}
	#bpimagewrap,
	/* .floatright,
	.floatleft, */
	.pwidth90,
	.pwidth50,
	.pwidth40,
	.pwidth50r,
	.pwidth40r,
	.item33,
	.box33,
	.box40,
	.box50 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.pwidth30,
	.pwidth30r {
		width: 47%;
	}

	.eventbox,
	.widththird,
	.gallery30 {
		width: 98%;
		margin-left: .5%;
		margin-top: 20px;
	}
	#rside {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#rside ul li a {
		padding: 0;
	}
	#rside ul li:hover,
	#rside ul li {
    		border: 1px dotted #888888;
    		float: left;
    		margin: 2px 5px;
    		padding: 0px 3px;
	}
	#rside img {
		display: none;
	}
	.mrgette97 img,
	.popette img {
		width: auto;
      	  	height: 128px;
	}
	#fboxpop h2 {
        	padding-top: 10px;
        	font-size: 1.5em;
	}
	#fboxpop img {
        	float: none;
	        margin-right: 0;
		width: 100%;
	}
	.nodisp480 {
		display: none;
	}
	.onlydisp480 {
		display: block;
		overflow: hidden;
	}
	.fullish {
		width: 100%;
		margin-left: 0px;
	}
	#logoright,
	#logoleft {
		float: none;
		width: 100%;
	}
	#mainpicr,
	#mainpic {
		float: none;
		width: 100%;
		margin: 0px;
	}
	#mainpic2r,
	#mainpic2 {
		width: 48%;
	}
	#sidearea {
		float: none;
		width: 100%;
	}
	#rccontent {
		padding: 0 .2em .125em .3em;
	}
	.fieldpair {
		padding: 3px 0px;
	}
	form {
		margin-left: auto;
		margin-right: auto;
	}

	.referto {
       		margin: 5px 4px 4px 3px;
        	width: 35%;
        	padding: 4px;
        }

}