.pagedescription {
 margin-bottom: 30px;
 }

.pagedescription > .title {
 font-weight: normal;
 font-size: 20px;
 display: block;
 background-color: #005cb9;
 color: white;
 margin-top: 0;
 margin-bottom: 10px;
 padding: 12px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 }

.pagedescription > .desc {
 text-align: justify;
 }

.pagedescription > .desc > img{
 width: 100%;
 }
 
ul.productcontainer,
#filteredresults {
 list-style: none;
 margin: 0;
 padding: 0;
 }

li.productitem {
 margin: 0 0 50px 0;
 width: 400px;
 }

li.productitem.left {
 float: left;
 }

li.productitem.right {
 float: right;
 text-align: left;
 }

li.productitem > .title {
 margin-top: 0;
 text-align: left;
 text-transform: uppercase;
 font-size: 14px;
 font-weight: bold;
 font-family: arial,verdana;
 }

li.productitem a.image {
 display: block;
 vertical-align: top;
 max-width: 200px;
 border: 1px solid #c6c6c9;
 }

li.productitem a.image img {
 width: 100%;
 vertical-align: top;
 }

li.productitem .descbody {
 position: relative;
 height: 200px;
 margin-left: 5px;
 }

li.productitem .descbody > .productcode {
 color: #f36c21;
 margin: 5px 0;
 padding: 0;
 font-size: 15px;
 font-weight: bold;
 }

li.productitem .descbody > .price {
 margin: 5px 0;
 padding: 0;
 font-size: 15px;
 font-weight: bold;
 font-style: italic;
 }

li.productitem .descbody > .description {
 font: normal 13px helvetica,arial;
 }

li.productitem .descbody > .moreinfo {
 display: inline-block;
 position: absolute;
 bottom: 0;
 white-space: nowrap;
 background-color:#005cb9;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:19px;
 font-style:italic;
 padding:9px 23px;
 text-decoration:none;
 text-shadow:0px 1px 0px #0076ed;
 }.productitem .descbody > .moreinfo a:hover {
 background-color:#2085af;
 }.productitem .descbody > .moreinfo a:active {
 position:relative;
 top:1px;
 }

.quotereqthanks {
 text-align: center;
 color: green;
 margin: 0 auto;
 font: bold 18px arial,verdana;
 }

@media screen and (max-width: 1000px) {
 .main-content-frame { padding: 0 10px; margin-top:20px;}
 }

@media screen and (max-width: 850px) {
 li.productitem.left { float: none; }
 li.productitem.right { float: none; }
 li.productitem { margin: 0 auto 50px auto; }
 li.productitem .descbody > .moreinfo { position: relative; }
 }

@media screen and (max-width: 400px) {
 .title { line-height: 120%; }
 li.productitem { margin: 0 auto; max-width: 400px; width:auto; }
 }