/*
=========================================
FILE: common/site.css
=========================================
*/
html, body {margin:0; padding:0; text-align:center; background-color:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(/images/beige219.jpg); height:100%;}
#outer {position:relative; min-height:100%; margin:0; height:auto !important; height:100%;}
#outerbackground {background-image:url(/images/abmtransparentlayer.webp); background-repeat:no-repeat; background-position:top center; background-size:contain;}
#container {text-align:left; margin:0 auto; border:1px solid #888; border-width:0; background-color:transparent; background-repeat:repeat-y; padding:10px; font-size:1.5em;}
#header {height:109px; background-image:url(/images/woodbanner.gif); background-color:#000; border-bottom:5px solid #008; padding-top:5px;}
#header_logo {background-image:url(/images/abm-float-banner-4.webp); background-repeat:no-repeat; height:104px; margin:0 auto; width:1000px; max-width:100%; background-size:contain;}
#return {position:absolute;}
#content {width:1200px; max-width:100%; margin:0 auto 100px auto; padding:20px 30px; border-radius:20px; border:1px solid #888; box-shadow:#888 2px 2px 2px; background-image:url(/images/semi-transparent.gif);}
#return {position:absolute; top:0;}
#return a {background-color:#f00; padding:0 5px; border-radius:5px; text-decoration:none; color:#fff; font-weight:bold;}
#return a:hover {background-color:#080;}
#footer {background-image:url(/images/woodbanner.gif); position:absolute; bottom:0; border-top:5px solid #008; width:100%;}
#footertext {padding:5px; text-align:center; color:#fff; font-size:0.7em; line-height:1.5em;}
#footerleft {float:left; width:84px; height:32px; margin:1em 0 0 2em;}
#footerright {float:right; width:64px; height:32px; margin:1em 2em 0 0;}
a.printversion {width:80px; height:20px; background:url(/images/printversion.gif) no-repeat; display:block; border:2px solid transparent;}
a.printversion:hover {background-color:#888;}
a.validator {width:32px; height:32px; background:url(/images/html5-32.png) no-repeat; display:block; border:2px solid transparent;}
a.validator:hover {background-color:#888;}
#menu {text-align:center; padding:15px; line-height:2.2em;}
#pageselected {background-image:none; background-color:#008;}
#pageselected:hover {background-color:#ffc; color:#008;}
.menubutton, .abmmenubutton {font-size:1em; text-decoration:none; border:1px solid #008; background-color:#ccc; color:#ffc; margin:0.25em 0em; padding:0.25em 0.4em; text-align:center; background:url(/images/woodbanner.gif); border-radius:10px; white-space:nowrap;}
.menubutton:hover, .abmmenubutton:hover, #store-category-selection a:hover {background-image:none; background-color:#ffc; color:#008;}
a.stdbutton, a.stdbuttoni {font-size:80%; text-decoration:none; border:1px solid #008; background-color:#CE3E15; color:#ff7; margin:0.25em 0; padding:0.25em; text-align:center; border-radius:4px;}
a.stdbutton {display:block;}
a.stdbutton:active, a.stdbuttoni:active {border-color:#345 #cde #def #678;}
a.stdbutton:hover, a.stdbuttoni:hover {background-color:#eee; color:#000;}
input, textarea, select {max-width:100%;}
input:focus, textarea:focus {background-color:#ff7;}
.formitem, .formitemerror {background-color:#eee; border:1px solid #000; font-size:1.2em;}
.formitemerror {background-color:#ff7;}
.formrequired {color:#f00; font-weight:bold; padding-right:2px;}
.formtitlebreak {display:block; line-height:1px; clear:both; content:" ";}
.formtitle {clear:both; float:left; text-align:right; font-weight:bold; width:30%; padding:10px 5px 0 0; font-size:0.8em;}
.forminfo {margin-left:32%; padding:5px 0 10px 0;}
.formsubmit {color:#000; cursor:pointer; font-size:0.8em;}
.error {margin:10px auto; border:2px solid #f00; background-color:#f88; padding:0.5em; width:300px; text-align:center;}
.form_select_start {color:#f00; text-align:center;}
.formtable {display:table; padding:0; border-collapse:collapse; margin:0.5em 0;}
.formrow {display:table-row; padding:5px;}
.formtable .forminfo, .formtable .formtitle{display:table-cell; float:none; padding:5px; width:auto; vertical-align:top}
@media screen and (max-width: 800px) {
 .formtitle {text-align:left; font-size:0.8em; padding:0; display:block; float:none;}
.forminfo {margin-left:0;}
}
#FORM_SEND {padding:0.4em; color:#fff; font-weight:bold; font-size:1.2em; border:1px solid #fff; cursor:pointer; background-color:#bf3c17; text-decoration:none; border-radius:5px;}
#FORM_SEND:hover {background-color:#080;}
#error {text-align:center; margin:1em;}
#error div:first-child {display:inline-block; background-color:#f66; padding:0.5em 1em; border:2px solid #f00; font-weight:bold; color:#000;}
#message {margin:1em; text-align:center;}
#message div:first-child {display:inline-block; background-color:#fff; padding:0.5em 1em; border:2px solid #036; font-weight:bold; color:#036;}
#flash {position:absolute; top:100px; left:50%; margin-left:-250px; width:500px; background-color:#ff7; border:2px solid #888; color:#000; padding:10px; text-align:center; z-index:10000;}
a {color:#008;}
a:hover {color:#008; background-color:#ccc;}
h1 {color:#008;}
h2 {color:#CE3E15;}
h3 {color:#396;}
img {max-width:100%; height:auto;}
img.left {float:left; margin-right:1em; vertical-align:text-top;}
img.right {float:right; margin-left:1em; vertical-align:text-top;}
a.imagelink {padding:3px; display:block;}
a.imagelink:hover {color:#ccc}
img {border-radius:15px;}
.imagecenter {display:block; margin:1em auto;}
.imageright {float:right; margin-left:1em; margin-bottom:1em;}
.imageleft {float:left; margin-right:1em; margin-bottom:1em;}
a.mvp {color:#fff; text-decoration:none;}
a.mvp:hover {color:#000;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.bold {font-weight:bold;}
.boldi {font-weight:bold; font-style:italic;}
.green {color:#396;}
.red {color:#f00;}
.redhead {color:#f00; font-weight:bold;}
.blue {color:#008;}
.black {color:#000;}
.redbox {border:1px solid #008; padding:1em 2em; margin-bottom:1em; border-radius:10px; background-color:#f88;}
.bluebold {font-size:1.1em; color:#008; font-weight:bold;}
.stdtable {border-collapse:collapse; background-color:#fff; border-spacing:1px; border:2px solid #888; margin:0 auto;}
.stdtable td {border:1px solid #888; padding:2px 3px;}
.stdtable th {border:1px solid #888; background-color:#eee; padding:2px 3px;}
.notice {background-color:#efe; border:1px solid #888; border-radius:1em; padding:1em 2em; margin:1em; font-size:0.8em;}
.video {text-align:center; margin:2em;}
.faqs li {margin-top:0.5em; color:#008;}
.faqs li a.faq_question {text-decoration:none; font-weight:bold; color:#008; border-radius:5px; padding:0 3px;}
.faqs li a.faq_question:hover {background-color:#ffc;}
.faq_answer {margin:5px 2em 1em 1.4em; background-color:#fff; padding:10px 2em; border-radius:2em; color:#000; display:none;}
a.tablink,a.tabselect {border-left:1px solid #888; border-right:1px solid #888; border-top:1px solid #888; color:#000; float:left; padding:2px 1em; text-decoration:none; font-size:1em; margin:0; border-top-right-radius:4px; border-top-left-radius:4px; background:linear-gradient(#fff, #aaa);}
a.tabselect:hover, a.tablink:hover {background-color:#888; color:#fff; border-bottom:1px solid #888; background:linear-gradient(#fff, #888);}
.tabspacer {padding:2px 0; text-decoration:none; font-size:1em; margin:0; border-bottom:1px solid #888;}
a.tabselect {border-bottom:1px solid #888; background-color:#fff; background:linear-gradient(#fff, #cfc);}
a.tablink {background-color:#E5D8DF; border-bottom:1px solid #888;}
div.tabfolder {border-left:1px solid #888; border-right:1px solid #888; border-bottom:1px solid #888; padding:0; overflow:hidden; background-color:#fff; width:100%;}
div.tabfolder h2 {margin-top:0;}
.videopopuplink {display:block; text-decoration:none; border:2px solid #000; padding:1em 2em; border-radius:1em; color:#008; cursor:pointer; width:15em; margin:0.5em auto; text-align:center;}
.videopopuplink span {display:block; background:url("/images/store/youtube-logo-100.png") no-repeat; margin:0.5em auto 0 auto; width:100px; height:72px;}
.popuplink {text-decoration:none; border-bottom:2px dotted #000; color:#008; cursor:pointer;}
.popupcontent {background-color:#fff; font-size:0.8em; margin:0; padding:0.5em; border:1px solid #888; border-radius:0.25em; overflow:auto; max-height:600px;}
.popup {position:absolute; background-color:#ccc; border:1px solid #888; border-radius:10px; padding:5px; z-index:100; box-shadow:#555 3px 3px 3px; width:50%; height:auto; left:25%;}
.popup h3 {color:#fff;}
.popup_titlebar {color:#fff; cursor:move; border-top-right-radius:5px; border-top-left-radius:5px;}
.popup_titlebar h1 {margin:0; font-size:0.8em; color:#008; padding:10px;}
.popup_controls {float:right; color:#fff; padding:3px 0; margin:0;}
.popup_controls a {color:#333; font-weight:bold; text-decoration:none; border-left:1px solid #ccc; background-color:#fff; border-radius:0.5em; padding:5px; font-size:1em;}
.popup_controls a:hover {background-color:#cfc;}
#filedrag {border:2px dotted #888; padding:2em; background-color:#eef; color:#555; text-align:center; width:25em; font-size:0.8em;}
#filedrag:hover{color:#f00; border-color:#f00; border-style:solid;}
/*
=========================================
FILE: common/store.css
=========================================
*/
#catalog h2 {clear:both; border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #888; color:#036; padding:0.51em; background-color:#eef; margin-bottom:0px;}
.catalog_section {width:700px;}
.catalog_price {font-weight:bold; clear:both;}
.item {border:1px solid #888; padding:1em;}
#ordercontent {font-size:0.9em;}
#ordercontent th {white-space:normal;}
#ordercontent th {background-color:#aaf;}
#cartbuttons {text-align:center; margin-top:10px;}
#error {margin:10px auto; border:2px solid #f00; background-color:#f88; padding:0.5em; width:300px; text-align:center;}
#shoppingcart {background-color:#77f; border-radius:5px; border:2px solid #77f;}
#shoppingcart td {background-color:#fff; padding:1px 3px; border:1px solid #77f;}
#shoppingcart .cart_input {background-color:#ff7;}
#shoppingcart th {background-color:#aaf; color:#006; padding:1px 3px; border:1px solid #77f;}
.cart_convert {color:#f00; background-color:#eee;}
#cart_note {font-size:0.8em; color:#f00;}
a.orderbutton {text-decoration:none; display:block; width:8em; border:1px solid #555; background-color:#d00; color:#fff; font-weight:bold; padding:3px 1em; text-align:center; border-radius:10px;}
a.orderbutton:active {border-color:#888;}
a.orderbutton:hover {background-color:#9f9; color:#000;}
.submit_button, .checkout_button, .return_button {padding:0.25em 0.4em; color:#fff; font-weight:bold; font-size:1.2em; border:1px solid #fff; cursor:pointer; background-color:#939; text-decoration:none; border-radius:5px; box-shadow:#888 2px 2px 2px;}
.return_button {background-color:#ff7; color:#000;}
.checkout_button {background-color:#6f6; color:#000;}
.submit_button:hover, .checkout_button:hover, .return_button:hover {background-color:#77f;}
.checkout_button:hover {background-color:#080; color:#fff;}
#location_input {float:right;}
.order_options_display {border:1px solid #77f; border-radius:6px; background-color:#aaf; font-size:0.8em; margin:0 12px 20px 0; text-align:left;}
.order_options_display td:first-child {font-weight:bold; text-align:right; font-size:0.9em; padding:5px;}
#cart_location_currency {border:1px solid #77f; border-radius:6px; background-color:#aaf; margin:0 12px 20px 0; text-align:left;}
#cart_location_currency td:first-child {font-weight:bold; text-align:right; font-size:0.9em; padding:5px;}
#cart_location_currency .formitem {font-size:0.9em;}
.order_fieldset legend {font-size:1em; background-color:#fff; padding:10px; border:1px solid #888; border-radius:4px; font-weight:bold;}
.order_fieldset {background-color:#ffc; margin-bottom:2em; border:1px solid #939; border-radius:8px; padding:10px;}
#cart_total {background-color:#ff7; font-weight:bold;}
#previous_order_fieldset b {font-size:0.8em; text-align:center;}
#previous_order_fieldset .checkout_button {padding:0; font-weight:normal;}
#overlay {position:absolute; background-image:url(/images/overlay.png); margin-top:0; margin-left:0; height:800px; width:100%; z-index:1000;}
#shopping_cart_form {margin:10px auto; max-width:900px; background-color:#fff; padding:10px; border-radius:20px;}
#shopping_cart_close {display:block; float:right; font-size:20px; text-decoration:none; color:#fff; background-color:#888; padding:0 5px; margin:0; font-family:Arial, helvetica, san serif; font-weight:bold; border:1px solid #555; border-radius:15px;}
#shopping_cart_close:hover {background-color:#ccc; color:#f00;}
#store_content {margin-left:0;}
.white_button {display:block; font-size:1em; text-decoration:none; background-color:#fff; color:#006; margin-bottom:5px; padding:3px 1em; text-align:center; border-radius:10px; box-shadow:#555 2px 2px 2px; background:linear-gradient(white, gold);}
#category_list a:active {background-color:#6f6;}
#category_list a:hover, white_button:hover {color:#fff; background:linear-gradient(white, green);}
#category_list_horizontal {background-color:#E7CFFF; padding:5px; border-radius:10px; text-align:center;}
#category_list_horizontal a {display:inline-block; white-space:nowrap; font-size:1em; text-decoration:none; background-color:#fff; color:#006; padding:3px 5px; text-align:center; border-radius:10px; box-shadow:#555 2px 2px 2px; background:linear-gradient(white, gold); margin:5px;}
#category_list_horizontal a:active {background-color:#6f6;}
#category_list_horizontal a:hover, white_button:hover {color:#fff; background:linear-gradient(green, white);}
.store_item {display:inline-block; width:203px; padding:5px; border:1px solid #888; margin-right:10px; margin-bottom:10px; background-color:#fff; border-radius:10px; text-decoration:none; text-align:center;}
.have_in_cart {background-color:#ff7;}
.store_item:hover {background-color:#6f6;}
.store_item_title {display:block; font-size:0.8em; text-align:center; height:5em; font-weight:bold;}
.store_item_title span {display:block; font-size:0.8em; text-align:center; font-weight:normal;}
.store_category_heading {clear:both;}
.store_item_price {display:block; font-size:0.8em;}
#store_heading {font-size:1.2em;}
#store_heading a {border-bottom:2px dotted #000; text-decoration:none;}
#store_heading a:hover {background-color:#6f6;}
.catalog_price {font-weight:bold;}
#store_additional_links {min-width:150px; background-color:#528; padding:5px; border-radius:10px; margin-top:0; padding-bottom:5px;}
#store_additional_links h3 {color:#fff; text-align:center; border:none;}
#store_additional_links a {text-decoration:none; display:block; background-color:#fff; border-radius:8px; text-align:center; color:#528; margin:5px 0; padding:2px 1em;}
#store_additional_links a:hover {background-color:#5f5; color:#000;}
.richway_id {border:1px solid #888; width:7em; text-align:center; float:right; font-size:0.8em; color:#000; background-color:#eef;}
.ui-accordion-header, #voltage-spacer {background-color:#888; color:#fff; padding:0.5em 1em; border-radius:5px;}
.ui-accordion-header:hover {background-color:#ccc; color:#000;}
#voltagegroups {margin-top:3em; clear:left;}
a.voltagelink, a.voltageselect {float:left; font-size:1.5em; border:1px solid #888; border-radius:0; color:#000; padding:2px 1em; text-decoration:none; background:linear-gradient(#fff, #aaa);}
a.voltagelink img {display:none;}
a.voltageselect img {position:absolute; background-color:#ff0; padding:0 5px; border:1px solid #888; border-radius:10px; margin-top:4px;}
#voltagelink1 img {margin-left:-15px;}
#voltagelink2 img {margin-right:-15px;}
#voltagelink1 {border-top-left-radius:15px; border-bottom-left-radius:15px; border-right:none;}
#voltagelink2 {border-top-right-radius:15px; border-bottom-right-radius:15px;}
a.voltagelink:hover {color:#fff; background:linear-gradient(#fff, #888);}
a.voltageselect:hover {color:#fff; background:linear-gradient(#fff, #0f0);}
a.voltageselect {border-bottom:1px solid #888; background-color:#fff; background:linear-gradient(#fff, #0f0);}
a.voltagelink {color:#888; background-color:#E5D8DF; border-bottom:1px solid #888;}
#voltage-spacer {background-color:#888; color:#fff; height:1.5em; border-radius:5px;}
#storefilter {font-size:1.2em; padding-right:1.5em;}
#filterbutton {display:inline-block; font-size:1.5em; width:0.9em; height:0.9em; position:relative; top:0.15em; left:-1.1em; background-color:transparent; background:url(/GZ/MONTH/images/common/zoom.png) no-repeat; background-size:cover; border-radius:0.25em;}
#filterbutton.filterclear {background-image:url(/GZ/MONTH/images/common/delete.gif); cursor:pointer;}
#filterbutton.filterclear:hover {background-color:#ccf;}