* { margin:0; padding:0; Border:0; } body { width: 1080px; margin: 0 auto; padding: 40px 20px; box-sizing: border-box; /* Modern Typography Base */ font-family: 'Inter', system-ui, -apple-system, sans-serif; color: #2d3748; /* Solid modern color base (soft, premium neutral off-white) */ background-color: #f4f7f5; /* Sleek, deep forest container background with rounded modern layout corners */ background-image: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)), radial-gradient(circle at 100% 0%, #e6fffa 0%, transparent 40%), radial-gradient(circle at 0% 100%, #f0fff4 0%, transparent 40%); background-attachment: fixed; /* Premium, micro-smooth modern drop shadow instead of harsh border limits */ box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 4px 24px rgba(27, 77, 62, 0.04), 0 16px 40px rgba(27, 77, 62, 0.03); border-radius: 16px; min-height: 100vh; } #wrapper {background-color:White;border-radius:10px;width:960px; margin:0px auto; border-style:solid; border-width:1px; border-color:#bbb; } #wrapper2 { width:820px; margin:3px auto 65px auto; border-style:double; border-width:10px; border-color:#000; background-color:#fff;} #toparea { width:960px; text-align:center;vertical-align:middle;border:1px black; display: table-cell; } #header1 {Margin:25px auto 20px 20px;width:250px;Float:left;} #topareanew { width:922px; clear:both;border:1px black; display: block;margin-left: auto;margin-right: auto;} #topareanew h4 {border-bottom:6px #000 double;font-size:20px;font-family:helvetica, arial, sans-serif; text-align:center;} #results1{font-size:15px;display:none;border:1px solid #f0f0f0;z-index:1;position:absolute;background-color:white;width:426px;margin:-26px 0px 5px 165px; } #toparea2 {width:820px; text-align:center;text-align:center;margin:-10px 60px 20px -40px ;} #toparea2 h3 {color:black;font-size:22px;font-weight:normal;font-family:helvetica, arial, sans-serif;margin:10px 0px 12px 63px;} #seeds h4:hover {background-color:#E0FFFF;} #seeds h4{font-family:helvetica, arial, sans-serif;} .logout {text-decoration:none;font-size:16px;font-family:helvetica, arial, sans-serif; font-weight:bold;} .logout a {text-decoration:none; color:#004900;} .logout a:hover {color:#008000;} #cart1 a:focus {color:#008000;} #toparea2 .field {font-size:25px;margin:0px 0px 6px 20px;padding:5px 4px 4.4px 4px;border-top:2px solid #848482;border-right:2px solid #B6B6B4;border-left:2px solid #B6B6B4;border-bottom:2px solid #B6B6B4;} #toparea2 input[type="text"] {width:420px;border:1px solid #bbb;font-family:helvetica, arial, sans-serif;Font-weight:normal; font-size:19px;padding:4px;} #toparea2 input[type="text"]:hover {border:1px solid #4CC417;} #toparea2 .button {margin:-5px 0px 0px 0px;cursor:pointer;padding:4.5px 10px;border-top:2px solid #848482;border-right:2px solid #B6B6B4;border-left:2px solid #B6B6B4;border-bottom:2px solid #B6B6B4;} #toparea2 .not {cursor:pointer;padding:6.5px 12px;color:white;background-color:#4CC417;border-color:#4CC417;margin:0px 0px 0px 0px;position:absolute;font-family:helvetica, arial, sans-serif;Font-weight:strong; font-size:17px} #toparea2 .is {cursor:pointer;padding:5.5px 12px;color:white;background-color:#4CC417;border-color:#4CC417;margin:0px 0px 0px 0px;position:absolute;font-family:helvetica, arial, sans-serif;Font-weight:strong; font-size:17px} #toparea2 .is:hover {background-color:#009900;border-color:#009900;} #toparea2 .not:hover {background-color:#009900;border-color:#009900;} #topnew { width:922px; clear:both;border:1px black; display: block;margin-left: auto;margin-right: auto;} #topnew h4 {font-size:20px;font-family:helvetica, arial, sans-serif; Margin:0 40px;} #toparea2new {width:820px; text-align:center;margin:15px auto 30px auto;} #toparea2new h3 {font-size:22px;font-family:helvetica, arial, sans-serif;font-weight:normal;margin:10px auto 12px auto;} #toparea2new .field {border-radius:2px;margin:0px 0px 6px -77px;padding:5px 4px 4.4px 4px;border-top:2px solid #848482;border-right:2px solid #B6B6B4;border-left:2px solid #B6B6B4;border-bottom:2px solid #B6B6B4;} #toparea2new input[type="text"] {width:400px;border:1px solid #bbb;font-family:helvetica, arial, sans-serif;Font-weight:normal; font-size:19px} #toparea2new input[type="text"]:hover {border-color:#888888;} #toparea2new .button {padding:6px 14px;} #toparea2new input[type="submit"] {position:absolute;border:1px solid #bbb;cursor:pointer;font-family:helvetica, arial, sans-serif;Font-weight:strong; font-size:17px} #toparea2new input[type="submit"]:hover {border-color:#888888;} #toparea2 p { color:red; font-size:18px;Margin:30px auto -20px 80px;display:block; Font-weight:normal; font-family:helvetica, arial, sans-serif;} #toparea h1 { margin:20px auto 0 auto; Font-weight:bold; font-size:80px;font-family:helvetica, arial, sans-serif;} #toparea h3 { Font-weight:strong; font-size:30px;font-family:helvetica, arial, sans-serif;} #toparea p { Font-weight:strong; font-size:25px;font-family:helvetica, arial, sans-serif;} #toparea h6 { border-top:1px #000 solid; border-bottom:1px #000 solid; margin:40px 45px; Font-weight:strong; font-size:20px;font-family:helvetica, arial, sans-serif;} #toparea h2 { Font-weight:strong; font-size:35px;font-family:helvetica, arial, sans-serif;} #toparea h4 { margin:8px auto; Font-style:italic;Font-weight:normal; font-size:25px;font-family:helvetica, arial, sans-serif;} #toparea h5 { margin:8px auto 0 auto; Font-weight:normal; font-size:25px;font-family:helvetica, arial, sans-serif;} #back a img { display:block;width:120px; height: auto; Margin:20px auto 0px auto;} #book {display:block;margin:0px auto;box-shadow:3px 3px 6px #004900; width:820px; Font-weight:normal; color:#004900;font-family:helvetica, arial, sans-serif;} #book h2 {font-size:32px;margin-bottom:10px;} #book h3 {font-size:20px} #book h4 {font-size:18px} #book h5 {font-size:18px} #book p {font-size:14px} #innerlogin {border-radius:5px;box-shadow:3px 3px 6px;padding:20px 0px;margin-bottom:20px;margin-top:20px;background-color:#f7f7f7;width:350px;text-align:center; display:block;margin-left:auto;margin-right:auto;} #innerlogin h2 {font-size:30px;padding-bottom:10px;text-align:center;color:black;font-family:helvetica; font-weight:normal;} #innerlogin ul {} #error {color:red;margin-bottom:10px;} #innerlogin h5 {font-family:helvetica; font-weight:normal;font-size:14px;} #innerlogin li {text-align:center; font-family:helvetica; font-weight:normal;list-style-type:none; text-decoration:none;margin-left:auto;margin-right:auto;} #innerlogin li p {margin:5px auto;color:black;font-size:18px;} #innerlogin li a {color:blue; text-decoration:none;font-family:helvetica; font-weight:normal;font-size:15px;} #innerlogin img {width:133px;height:100px;} #innerlogin .field {margin:0px 0px 6px 20px;padding:5px 4px 4.4px 4px;border-top:2px solid #848482;border-right:2px solid #B6B6B4;border-left:2px solid #B6B6B4;border-bottom:2px solid #B6B6B4;} #innerlogin input[type="text"] {display:block;margin-left:auto;margin-right:auto;font-family:helvetica, arial, sans-serif;Font-weight:bold; font-size:16px} #innerlogin input[type="password"] {display:block;margin-left:auto;margin-right:auto;font-family:helvetica, arial, sans-serif;Font-weight:strong; font-size:17px} #innerlogin .field:hover {border:2px solid #5CB3FF;} #innerlogin .field:focus {border:2px solid #5CB3FF;} #innerlogin .button {padding:3px 10px;border-top:2px solid #848482;border-right:2px solid #B6B6B4;border-left:2px solid #B6B6B4;border-bottom:2px solid #B6B6B4;} #innerlogin input[type="submit"] {display:block;margin-left:auto;margin-right:auto;font-family:helvetica, arial, sans-serif;Font-weight:strong; font-size:17px} #innerlogin .button:hover {background-color:#BDEDFF;border:2px solid #848482; } #innerlogin .button:focus {background-color:#ADDFFF;border:2px solid #848482;} #lowarea { width:820px; text-align:center;margin:30px auto; } #lowarea p { Margin:0 auto 3px auto; Font-weight:normal; font-size:15px;font-family:helvetica, arial, sans-serif;} #lowarea2 p { Margin:5px auto 20px auto; font-size:16px;font-family:helvetica, arial, sans-serif;} #lowarea2 h6 { margin:40px auto 0 auto; Font-weight:normal; font-size:25px;font-family:helvetica, arial, sans-serif;} #lowarea2 h5 { margin:15px auto 5px auto; Font-weight:normal; font-size:25px;font-family:helvetica, arial, sans-serif;} #lowarea2 h3 { text-decoration:underline; Margin:5px auto 10px auto; } #cart1 {float:right;Margin:25px 59px 5px auto;} #cart1 ul li {list-style-type:none;margin:0px auto 5px auto;} #lowarea2 p a:hover { color:#008000; } #lowarea2 p a { color: inherit; } #treat {display:block;margin:0px auto;box-shadow:3px 3px 6px #004900; width:820px} #treat p {padding:0px 65px;Font-weight:normal; color:#004900;font-size:18px;font-family:helvetica, arial, sans-serif;} #treat h2 {Font-weight:strong; color:#004900;font-size:24px;font-family:helvetica, arial, sans-serif;} #treat h3 {Font-weight:normal; color:#004900;font-size:15px;font-family:helvetica, arial, sans-serif;} #terms {display:block;margin:0px auto;box-shadow:3px 3px 6px #004900; width:820px} #terms p {padding:0px 65px;Font-weight:normal; color:#004900;font-size:18px;font-family:helvetica, arial, sans-serif;} #terms h2 {Font-weight:strong; color:#004900;font-size:24px;font-family:helvetica, arial, sans-serif;} #terms h3 {Font-weight:normal; color:#004900;font-size:15px;font-family:helvetica, arial, sans-serif;} #nav {clear:both; margin:5px auto 0px auto; } #nav ul { padding:0 50px ; margin:0 ; } #nav ul li { ;list-style-type:none;margin-bottom:5px; font-family:arial, sans-serif; font-size:19px; } #nav ul li a { Font-weight:normal; text-decoration:none; color:#306EFF; } #nav ul li a:hover { color:#009900; } #footer { width:820px; text-align:center; margin:40px auto 10px auto; } #footer h5 a { color:inherit; text-decoration:none; margin:10px auto 10px auto; Font-weight:strong; font-size:15px;font-family:helvetica, arial, sans-serif;} #footer p { color:red; margin:10px auto 0 auto; Font-weight:normal; font-size:15px;font-family:helvetica, arial, sans-serif;} #footer h5 a:hover { color:#008000; } #footer1 {width:960px; text-align:center;border-top:1px #000 solid; margin:18px auto 18px auto;} #footer1 h3 { Font-size:15; font-family:helvetica, arial, sans-serif;Font-weight:strong ; color:#004900;margin:30px auto 0px auto;} #footer1 h6 { Font-size:16; font-family:helvetica, arial, sans-serif;Font-weight:normal ;color:#004900;} #footer1 h6 { Font-size:16; font-family:helvetica, arial, sans-serif;Font-weight:normal ;color:#004900;} #footer1 h4 { Font-size:16; font-family:helvetica, arial, sans-serif;Font-weight:normal ; Margin:5px 0 10px 0;color:#004900;}