body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background: #f4f4f4;
        }
        .header {
            background: #CC0000;
            color: white;
            text-align: center;
            padding: 5px;
            font-size: 20px;
        }

	td.paypaldiv{
            width: 250px;
	}

h1.home {
 font-family: Helvetica, arial, sans-serif;
 font-size: 18px;
 color:#111111;
 font-weight:bold;
 margin:0px;
 padding:0px;
}

h1.h1title2 {
 font-family: Helvetica, arial, sans-serif;
 font-size: 19px;
 color:#000000;
 font-weight:normal;
 margin:0px;
 padding:2px;
}

	table.navmobilemain{
		display: none;
		visibility:hidden;
	}

	table.headertable{
		width:1000px;
	}

	p.maintextred {
              padding: 4px;
	      margin: 0px;
	      font-family: Arial, sans-serif;
	      font-size: 20px;
	      font-weight:normal;
	      color: #CC0000;
	}

	p.maintextwhiteheader {
              padding: 4px;
	      margin: 0px;
	      font-family: Arial, sans-serif;
	      font-size: 18px;
	      font-weight:normal;
	      color: #FFFFFF;
	}

        .header a, a:visited {
              padding: 2px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 18px;
	      color: #FFFFFF;
	      text-decoration: none;
        }

        .header a:hover {
              padding: 2px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 18px;
	      color: #FFFFFF;
	      text-decoration: underline;
        }

	.add-to-cart {
	    padding: 12px 20px;
	    background-color: #CC0000;
	    color: white;
	    border: none;
	    border-radius: 5px;
	    font-size: 1.2em;
	    cursor: pointer;
	    transition: background-color 0.3s;
	}

	.add-to-cart:hover {
	    background-color: #218838;
	}

       .container {
            max-width: 700px;
            margin: 20px auto;
            background: white;
            padding: 15px;
            border-radius: 5px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            text-align: center;
        }

        .back-link {
            display: block;
            margin-top: 15px;
            text-decoration: none;
            color: #35455e;
        }

        a.navigationlink {
		display: block;
		text-decoration: none;
		color: #000000;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		padding: 4px;
		margin: 0px;
        }

        a.navigationlink:visited {
		display: block;
		text-decoration: none;
		color: #000000;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		padding: 4px;
		margin: 0px;
        }

        a.navigationlink:hover {
		display: block;
		text-decoration: underline;
		color: #CC0000;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight:normal;
		padding: 4px;
		margin: 0px;
        }

       .nav2 {
            display: none;
	}

        .nav {
            display: flex;
            justify-content: space-around;
            background: #000000;
            padding: 10px;
        }
        .nav a {
            color: white;
            text-decoration: none;
            font-size: 16px;
        }
        .menu-icon {
            display: none;
            font-size: 24px;
            cursor: pointer;
            color: white;
            padding: 10px;
        }
        .menu {
            display: flex;
        }
        .menu a, a:visited {
              padding: 15px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 18px;
	      color: #FFFFFF;
	      text-decoration: none;
        }

        .menu a:hover {
              padding: 15px;
              text-align: center;
              display: block;
	      font-family: Arial, sans-serif;
	      font-size: 18px;
	      color: #FFFFFF;
	      text-decoration: underline;
        }

        .product {
            background: white;
            padding: 15px;
            margin: 10px;
            width: 90%;
            border-radius: 5px;
            text-align: center;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
        }

        .product img {
            width: 100px;
            height: auto;
        }

       p.productdetails {
		padding: 8px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight:normal;
		color: #000000;
        }
       p.maintextsmallred {
		padding: 4px;
		margin: 0px;
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight:normal;
		color: #CC0000;
        }

       img.productdetails {
            width: 100%;
            width: 300px;
            height: auto;
        }

        @media (max-width: 600px) {

	td.paypaldiv{
            width: 200px;
	}

h1.home {
 font-family: Helvetica, arial, sans-serif;
 font-size: 16px;
 color:#111111;
 font-weight:bold;
 margin:0px;
 padding:0px;
}

h1.h1title2 {
 font-family: Helvetica, arial, sans-serif;
 font-size: 16px;
 color:#000000;
 font-weight:normal;
 margin:0px;
 padding:2px;
}

	       .container {
	            max-width: 85%;
	            margin: 10px auto;
	            background: white;
	            padding: 10px;
	            border-radius: 5px;
	            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
	            text-align: center;
	        }

	       img.productdetails {
	            width: 100%;
	            width: 250px;
	            height: auto;
        	}

		p.maintextred {
	              padding: 4px;
		      margin: 0px;
		      font-family: Arial, sans-serif;
		      font-size: 18px;
		      font-weight:normal;
		      color: #CC0000;
		}

	       p.maintextsmallred {
			padding: 4px;
			margin: 0px;
			font-family: Arial, sans-serif;
			font-size: 12px;
			font-weight:normal;
			color: #CC0000;
	        }

	        .nav2 {
	            display: flex;
	            justify-content: space-between;
	            background: #222;
		    align-items: center;
		    padding: 0 16px;
	        }

		.navmobilemain{
			display: block;
			visibility:visible;
	                text-align: center;
			margin: 0;
			flex: 1;
			position: relative;
			font-family: Arial, sans-serif;
			font-size: 14px;
			font-weight:normal;
			color: #FFFFFF;
			padding-top:12px;
		}

	        .header {
	            background: #CC0000;
	            color: white;
	            text-align: center;
	            padding: 2px;
	            font-size: 14px;
	        }

	        .header a, a:visited {
	              padding: 2px;
	              text-align: center;
	              display: block;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      color: #FFFFFF;
		      text-decoration: none;
	        }

	        .header a:hover {
	              padding: 2px;
	              text-align: center;
	              display: block;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      color: #FFFFFF;
		      text-decoration: underline;
	        }

		p.maintextwhiteheader {
	              padding: 2px;
		      margin: 0px;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      font-weight:normal;
		      color: #FFFFFF;
		}

		a.maintextwhiteheader {
	              padding: 2px;
		      margin: 0px;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      font-weight:normal;
		      color: #FFFFFF;
		      text-decoration:none;
		      right: 5px;
			text-align:right;
		}

		a.maintextwhiteheader:visited {
	              padding: 2px;
		      margin: 0px;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      font-weight:normal;
		      color: #FFFFFF;
		      text-decoration:none;
		      right: 5px;
			text-align:right;
		}

		a.maintextwhiteheader:hover {
	              padding: 2px;
		      margin: 0px;
		      font-family: Arial, sans-serif;
		      font-size: 14px;
		      font-weight:normal;
		      color: #FFFFFF;
		      text-decoration:underline;
		      right: 5px;
			text-align:right;
		}

		table.headertable{
			width:100%;
		}

		table.headermiddle{
			display: none;
			visibility:hidden;
		}

            .menu {
                display: none;
                flex-direction: column;
                width: 100%;
                background: #222;
            }
            .menu a {
                padding: 10px;
                text-align: center;
                display: block;
            }
            .menu-icon {
                display: block;
                text-align: right;
                padding: 5px;
                background: #222;
            }
        }
        .products {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            padding: 10px;
        }
        .btn {
            background: #CC0000;
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            margin-top: 10px;
            border-radius: 5px;
        }
        @media (min-width: 600px) {
            .product { width: 30%; }
        }