body {
  margin:0;
  padding:0;
  color: #000;
  font-family:Arial;
 
  line-height:18px;
}
h1, h2, h3, h4, h5, h6, form, label, input, legend, textarea, select, ul, ol, li, dl, dt, dd, p, div, fieldset {
  margin:0px;
  padding:0px;
}
ul, ol {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
a{text-decoration:none;color:#464646;}
a:hover {
    color: inherit;
    text-decoration: underline;
}
.main{/*width:1280px;*/ margin:0 auto; max-width:1280px;}
.topheader{float:left; width:100%;}
.logo{float:left; padding-bottom:7px; padding-left:81px;}
.right-menu{float:right; margin-top:23px;}
.right-menu li{ border-right: 1px solid #464646;display: inline-block;padding: 0 5px;}
.right-menu li:last-child {
    border-right: medium none;
    padding-right: 56px;
}
.right-menu li a{font-family:Arial; font-size:18px; color:#464646;}
.content{float:left; width:100%; text-align:center;}
.content h1{font-family:Arial; font-size:46px; color:#588239; font-weight:normal; line-height: 36px;padding: 19px 0 29px;}
.products{float:left; width:100%;}
.product-box{float:left; width:279px; background:#ececec;border:1px solid #e5e5e5; border-top:none; margin-left:100px; margin-right:10px;
box-shadow:0 3px 4px 0 #ccc;}
.p-title{background:#f48226; color:#fff; font-size:24px; padding:11px 0; float:left; width:100%; line-height:30px;}
.price{float:left; width:100%; color:#464646;font-size:24px; font-weight:bold; padding:22px 0 19px;}
.desc{color:#464646;font-size:20px;}
.buy-now{float:left; width:100%;}
.buy-now a{background:#578039;color:#fff;font-family:Arial; font-size:24px; padding:12.5px 23px; display:inline-block; margin:22px 0 34px;}
.buy-now a:hover{text-decoration:none; color:#f1f1f1}
.footer{float:left; width:100%; background:url(http://myfootprint.org/_img/footer-bd.gif) repeat-x top left #fff; margin-top:36px;}
.footer-left{float:left; padding-left:44px; max-width:956px;}
.footer-left h3{color:#42622b; font-size:30px;font-weight: normal; line-height: 36px; margin:11px 0 15px;}
.footer-left p{font-size:16px;color:#464646; padding-bottom:80px;}
.footer-menu {
    float: left;
    width: 100%; padding-bottom:23px;
}
.footer-menu li{display:inline-block; border-right:1px solid #f47d25; padding:0 10px;}
.footer-menu li:last-child {border-right:none;}
.footer-menu li:first-child{padding-left:0px;}
.footer-menu li a{font-family:Georgia; font-size:18px; text-transform:uppercase; color:#f47d25;}
.f-menu{   float: left;padding-bottom:42px;
    width: 100%;}
.f-menu li{display:inline-block; border-right:1px solid #464646; padding:0 5px;}
.f-menu li:last-child {border-right:none;}
.f-menu li:first-child{padding-left:0px;}
.f-menu li a{font-size:18px; color:#464646; font-family:Arial;}
.footer-right{float:right; padding:23px 31px 0 0;}
.login input[type="text"], .login input[type="password"], .register input[type="text"] {
    border: 1px solid #f48b44;
    padding: 3.2px 10px;
    position: relative;
    top: 0;
}

.login input[type="submit"], .register input[type="submit"] {
    background: url("../_img/login.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    cursor: pointer;
    padding: 3px 10px;
}
.subconfirm{ padding:0 10%; margin-top:30px; border-top:1px solid #e2e1e1;  }
.subconfirm p{ padding-bottom:15px; text-align:left; line-height:20px; }
.success, .error, .successpending{ padding:10px; border:1px solid #578039; margin:10px 1%; }
.error{ border:1px solid #ff6300; }
/*Responsive-css---------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 800px) {.product-box{margin-left:0px !important;width:235px; display: inline-block;
    float: none;}
.right-menu {
   
    float: left;
    margin: 10px;
    text-align: center;
    width: 100%;
}
.right-menu li{padding:0px !important; width:100%; display:inline-block;}
.topheader{text-align:center;}
.logo{float:none; padding-left:0px;}

}
/*@media only screen and (max-width: 800px) {.footer{text-align:center; }
.footer-right{background:url(http://myfootprint.org/_img/f-right-bg.gif) repeat-x top left #fff;
    display: inline-block;
    float: none; 
    margin-bottom: 20px;
    padding: 0;
    width: 100%;}}*/
@media only screen and (max-width: 800px) {
.banner > img {
    width: 100%;}
.product-box{float:none; display:inline-block; margin-bottom:20px; margin-left:30px;}
.footer-left{padding-left:30px;}
.footer{text-align:center; }
.footer-right{background:url(http://myfootprint.org/_img/f-right-bg.gif) repeat-x top left #fff;
    display: inline-block;
    float: none; 
    margin-bottom: 20px;
    padding: 0;
    width: 100%;}
	}
@media only screen and (max-width: 480px) {	.right-menu {
    display: inline-block;
    float: none;margin-left:0px;
    margin-bottom: 10px;
    margin-top: 23px;
    text-align: center;
    width: 100%;}
.footer-left{padding-left:0px;}
.logo {
    float: none; padding-left:0px;
    padding-bottom: 7px;
    text-align: center;
}
.right-menu li{padding:0px !important;}
.login {
    width: 100%;
}

.footer-right {
   background:url(http://myfootprint.org/_img/f-right-bg.gif) repeat-x top left #fff;
    display: inline-block;
    float: none; 
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}
}
@media only screen and (max-width: 360px) {.product-box{margin-left:0px; margin-right:0px;}
.footer-left{padding-left:0px;}
.footer-left h3{font-size:22px;}
.footer li{margin-bottom:10px;}
.login input[type="submit"]{width:auto;}
.login input{margin-top:10px; width:88%;}
.content h1{font-size:30px;}

.logo img {
    width: 250px;
}
}