.CartBanner{ border-radius: 10px; border-color:brown; border-width:2px; margin:15px; background-color:white; color:red; padding:10px; font-size:20px; font-weight:bold; } div#shoppingcart { position: absolute; z-index: 200; background-color: white; color: black; } /* contents */ div#cart_main { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 16px; } a.contents { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 16px; text-decoration: none; outline: 0; } a.contents:hover { text-decoration: underline; } div#cart_header { width: 100%; background-color: #4f5b31; } div#cart_container { width: 100%; background-color: white; border-style: solid; border-color: #4f5b31; border-width: 0 5px 5px 5px; min-height: 500px; } div#cart_container div.row div { padding-left: 0px; padding-right: 0px; } div.cart_navbar { display: flex; flex-wrap: nowrap; justify-content: center; margin-left: 2%; margin-right: 2%; width: 96%; background-color: #4f5b31; } @media (min-width:601px) { div.cart_tab_label { font-size: 14px; font-weight: bold; background-color: #ccc; color: #4f5b31; width: 20%; border-style: solid; border-color: #4f5b31; border-width: 1px 1px 0px 1px; border-radius: 5px 5px 0 0; text-align: center; border-bottom: 1px solid #4f5b31; } } @media (max-width:601px) { div.cart_tab_label { font-size: 12px; font-weight: normal; background-color: #ccc; color: #4f5b31; width: 20%; border-style: solid; border-color: #4f5b31; border-width: 1px 1px 0px 1px; border-radius: 5px 5px 0 0; text-align: center; border-bottom: 1px solid #4f5b31; } } div.tab_selected { background-color: white; border-bottom: 0; } .hidetax { display: none; } a.taxmsg, a.taxmsg.visited, a.taxmsg:active { color: #00331b; text-decoration: none; } a.taxmsg:hover { color: #00331b; text-decoration: underline; } a.remove { cursor: pointer; text-decoration: none; color: #ccc; font-size: 14px; font-weight: bold; text-align: center; } a.remove:hover { color: red; } hr { height: 1px; color: #D7D2B7; background-color: #D7D2B7; border: none; } a.cartprodlink { color: black; text-decoration: none; } .cartbutton { background-color: #e3bc11; color: white; border: none; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; border-radius: 5px; } .cartbutton:hover, .cartbutton:focus { background-color: #ccc; color: black; border: none; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 14px; cursor: pointer; border-radius: 5px; } div#calcShippingUpdate { min-width: 80px; } div#calculateshipping { position: absolute; top: -15px; left: 0px; width: 360px; height: 115px; border: 2px solid #331709; z-index: 1000; font-family: Arial, Verdana, sans-serif; padding: 5px; } .cardinput { padding: 4px 10px; font-size: 15px; border: 1px solid #ccc; background-color: white; width: 700px; border-radius: 5px; outline: 0; } .cardinput:hover { border-color: #00331B; } input.qty { width: 50px; background-color: white; border: 1px solid #ccc; border-radius: 5px; text-align: right; padding-right: 4px; font-family: Arial, Verdana, sans-serif; font-size: 16px; margin-bottom: 4px; } input.qty_readonly { width: 75px; background-color: transparent; border: 0px; text-align: right; padding-right: 4px; font-family: Arial, Verdana, sans-serif; font-size: 18px; } input.zip { width: 110px; background-color: white; border: 1px solid #ccc; text-align: right; padding-right: 4px; font-family: Arial, Verdana, sans-serif; font-size: 18px; border-radius: 5px; } div.sub { text-align: right; padding-right: 5px; padding-top: 5px; } div.alt { background-color: #f5f5f5; } div.cartlist { font-family: Arial, Verdana, sans-serif; color: black; margin-right: 0; margin-left: 0; margin-bottom: 7px; } div.carttotals { font-family: Arial, Verdana, sans-serif; color: black; margin-right: 0; margin-left: 0; } div.billingprompt { text-align: left; } div.numeric { text-align: right; vertical-align: middle; } div.text { padding-left: 4px; } div.subtotal { border-top: solid 1px black; padding-top: 5px; } div.addon { padding-top: 5px; } div#topbar { position: relative; width: 100%; color: white; background-color: #4f5b31; text-align: right; min-height: 40px; } /* end contents */ /* my info */ .prompt { font-weight: bold; color: #4f5b31; padding-left: 0; } .prompterror { font-weight: bold; color: red; padding-left: 0; } .cart_userinfo_input { padding: 4px 10px; font-size: 15px; border: 1px solid #ccc; background-color: white; width: 80%; outline: 0; border-radius: 5px; } .cart_userinfo_input:hover { border-color: #33381a; } .inputerror { border-color: Red; } .selecterror { padding: 4px 10px; font-size: 15px; border: 1px solid red; border-radius: 5px; background-color: white; width: 700px; outline: 0; } .select { padding: 4px 10px; font-size: 15px; border: 1px solid #ccc; background-color: white; border-radius: 5px; outline: 0; } .select:hover { border-color: #33381a; } #login_table { display: flex; flex-direction: column; align-items: center; } div.myinfohead { width: 100%; text-align: center; font-size: 24px; margin-top: 45px; font-weight: bold; color: #4f5b31; } div.userinforow { margin-bottom: 5px; } table.cart_userinfo_table { padding-left: 40px; width: 100%; } table.cart_userinfo_table tr td { padding: 5px; color: #00331B; } table.cart_userinfo_table tr td.prompt { width: 110px; color: #00331B; } /* end my info*/ a.terms { text-decoration: underline; color: black; } a.terms:hover { color: #00331b; } div.panelrow { margin-top: 15px; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; } div.panelrow span.panelheader { font-weight: bold; color: #4f5b31; padding-bottom: 3px; } div.panelrow div.panel { margin-left: 2%; margin-right: 2%; background-color: white; padding: 5px; border: solid 2px #ccc; color: black; vertical-align: top; line-height: 150%; border-radius: 15px; } div.terms { margin-left: 2%; margin-right: 2%; background-color: white; padding: 5px; border: solid 2px #ccc; color: black; vertical-align: top; border-radius: 15px; } div.alt { background-color: #f5f5f5; } div.sub { padding-top: 5px; } div.numeric { text-align: right; vertical-align: middle; } div.text { padding-left: 4px; } div.subtotal { padding-top: 5px; border-top: 1px solid black; } div.addon { padding-top: 5px; } .suggested { position: relative; } .header { background-color: #33381a; border: none; font-size: 16px; text-align: center; font-weight: bold; color: white; padding: 5px 0; margin-top: 45px; } a.cartprodlink { color: black; text-decoration: none; } .cartprod { position: relative; width: 20%; padding-top:15px; padding-bottom: 15px; vertical-align: middle; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } div.image { position: relative; float: left; width: 95px; margin: 0; cursor: pointer; height: 110px; min-height: 110px; display: flex; justify-content: center; align-items: center; } div.details { position: relative; float: left; width: 90%; text-align: center; cursor: pointer; } div.details_text { cursor: pointer; max-height: 135px; min-height: 135px; overflow: hidden; font-size: 12px; } div.details_price { cursor: pointer; font-weight: bold; padding-top: 5px; } td.sub { text-align: right; padding-right: 5px; padding-top: 5px; } tr.alt td { background-color: #f5f5f5; } tr.cartlist { font-family: Arial, Verdana, sans-serif; color: black; } tr.cartlist th { vertical-align: bottom; border-bottom: 1px solid grey; } tr.cartlist td { vertical-align: middle; padding-bottom: 5px; } td.numeric { text-align: right; vertical-align: middle; } td.text { padding-left: 4px; } td.subtotal { padding-top: 5px; border-top: 1px solid black; } td.addon { padding-top: 5px; } @media (max-width:400px) { div#ccYearExpire { margin-top: 10px; } } @media (max-width:991px) { div#ccState { margin-top: 10px; } } @media (max-width:600px) { div#ccCVV { margin-top: 10px; } } div.ccinfo { margin-left: 0px; margin-right: 0px; padding-bottom: 5px; font-family: Arial, Verdana, sans-serif; color: black; } div.paymentmethodselect { position: relative; float: right; font-size: 14px; font-weight: bold; width: 140px; background-color: white; color: #4f5b31; margin-bottom: 5px; margin-right: 3px; padding-bottom: 3px; padding-top: 3px; padding-left: 10px; } div.paymentmethodselect:hover { background-color: white; color: #e3bc11; } div.paymentmethodselected { position: relative; float: right; font-size: 14px; font-weight: bold; width: 140px; background-color: white; color: #e3bc11; margin-bottom: 5px; margin-right: 3px; padding-bottom: 3px; padding-top: 3px; padding-left: 10px; } div.paymentmethod { text-align: left; border: solid 1px black; padding-top: 10px; padding-left: 4px; } .shippingmethod_notselected { /*color: #808080;*/ font-weight:normal!important; } .shippingmethod_selected { /*color: #00331b;*/ font-weight:bold!important; } div.couponcode { font-size: 14px; font-weight: bold; color: #4f5b31; } .hidden { display: none; } .shown { display: block; } div.shippingoptions { min-height: 28px; padding-top: 3px; background-color: #f5f5f5; } div.topborder { border-top: solid 1px black; padding-top: 6px; } a.remove { cursor: pointer; text-decoration: none; color: #D7D2B7; font-size: 14px; } hr { height: 1px; color: #D7D2B7; background-color: #D7D2B7; border: none; }