body {font-family: Arial,sans-serif;text-align:center;font-size:18px;}
h1 {font-family: Arial,sans-serif;font-weight:normal;color:#ffffff;background-color:#3b5988;font-size:20px;padding:10px 0px 6px 0px}
h2 {font-family: Arial,sans-serif;font-weight:bold;color:#3b5988;font-size:18px}

a:link { color:#3b5988; text-decoration: underline}
a:visited { color:#3b5988; text-decoration: underline}
a:hover { color:#3b5988; text-decoration: none}
a:active { color: #3b5988; text-decoration: none} 

a.buy:link { color:#a85215; text-decoration: underline}
a.buy:visited { color:#a85215; text-decoration: underline}
a.buy:hover { color:#a85215; text-decoration: none}
a.buy:active { color: #a85215; text-decoration: none} 

#box { display: flex; justify-content: center; align-items: flex-start; text-align: center; }
#left { z-index:999; position: sticky; top: 50px; width: calc(50% - 640px); left: 0; bottom: 0; padding-top: 5px; text-align: left; box-sizing: border-box; }
#right { z-index:999; position: sticky; top: 50px; width: calc(50% - 640px); right:0; bottom: 0; padding-top: 5px; text-align: left; box-sizing: border-box; }
@media screen and (max-width: 640px) { #left, #right { width: 0%; } }
.middle { z-index:1000; position: sticky; top: 0; max-width: 1280px; }
@media screen and (max-width: 640px) { .middle { width: 94%; } }
.ccontent { width: 780px; margin: 0 auto; }
@media screen and (max-width: 640px) { .ccontent { width: 94%; } }

.searchbox {
    width: 100%;
}
.search-container {
    width: 500px;
    margin: 10px auto;
	display: inline-block; 
	vertical-align: middle;
}
input[type="text"] {
    display: block;
    width: calc(100% - 24px);
    font-size: 18px;
    font-weight: 400;
    color: #a85215;
	padding: 10px;
    border: 1px solid #000000;
	border-radius: 6px;
}
.search-container form {
    position: relative;
}
.search-container form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    background: transparent;
    border: transparent;
    font-size: 20px;
    color: #000000;
    cursor: pointer;
    outline: 0;
}

.search-box {
    width: 100%;
    margin: 10px auto;
	display: inline-block; 
	vertical-align: middle;
}
.search-box form {
    position: relative;
}
.search-text {
    position: relative;
	width: 600px;
}
.search-box button {
    position: absolute;
    right: 0;
    top: 10px;
    width: 50px;
    background: transparent;
    border: transparent;
    font-size: 20px;
    color: #000000;
    cursor: pointer;
    outline: 0;
}

.checkboxes {
    font-size: 16px;
    font-weight: 300;
	line-height:1.8em;
	padding: 10px;
}

.sleft { display: inline-block; vertical-align: middle; color: #a85215; font-size: 18px; font-weight: 300; padding-right: 10px; }
@media screen and (max-width: 640px) { .sleft, .search-container { width: 98%; } }
@media screen and (max-width: 640px) { .search-text { width: 98%; } }