/* Aerostyle customisations (ported from Live stylesheet.css / stylesheet_css_buttons.css).
   Loads after all other stylesheet*.css files except stylesheet_zz_aerostyle_colours.css. */
#logo, .centerColumn, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float:none;text-align:center;}
.categoryListBoxContents {float:left;}
#cartAdd input[type=submit] {height:41px !important;width:115px !important;}

/* Buttons, as on the old site: one plain grey button, cyan with white text on mouse-over.
   (Selectors use two classes so they beat 2.2.2's .button / input.submit_button rules.) */
input.cssButton.button, input.cssButton.submit_button {
    background:#f0f0f0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em;
    border:3px solid #ccc !important; border-radius:0; padding:1px 6px 1px 5px; width:auto; min-width:80px; white-space:nowrap; cursor:pointer;
}
/* mouse-over: the 3px border is replaced by 3px more padding, so the button keeps exactly the same size */
input.cssButtonHover {
    background:#028fba; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em;
    border:0; border-radius:0; padding:4px 9px 4px 8px !important; min-width:80px; white-space:nowrap; cursor:pointer;
}
#cartAdd input.cssButton.button {padding:7px 20px !important;}
#cartAdd input.cssButtonHover {padding:10px 23px !important;}
/* header Search button: 2.2.2 forces its own padding with !important */
input.cssButton.submit_button.button.button_search {padding:1px 6px 1px 5px !important;}
input.button_search.cssButtonHover, input.button_search:hover {padding:4px 9px 4px 8px !important;}

/* Link-style buttons (Previous / Next / Return to the Product List / Ask a Question ...): plain cyan text links */
span.cssButton.normal_button {
    background:none; color:#05a5cb; font-family:verdana, arial, helvetica, sans-serif; font-size:1em;
    border:0; border-radius:0; padding:0; white-space:nowrap; box-shadow:none;
}
/* Mouse-over. Zen Cart swaps class cssButton -> cssButtonHover, which switches off 2.2.2's size rules for particular
   buttons (span.cssButton...button_checkout etc.); their own ".button_xxx:hover" rules take over. The size rule here is
   deliberately weak (span + one class) so those win, and Checkout / Continue Shopping / Shipping Estimator etc.
   keep the same size instead of jumping. Colour/underline only on the stronger selector. */
span.cssButtonHover {
    font-family:verdana, arial, helvetica, sans-serif; font-size:1em;
    border:0; border-radius:0; padding:0; white-space:nowrap; box-shadow:none;
}
span.cssButtonHover.normal_button {background:none; color:#05a5cb; text-decoration:underline;}
/* 2.2.2 buttons that are sized in the normal state but have no matching :hover rule */
span.cssButtonHover.normal_button.button_write_review, span.cssButtonHover.normal_button.button_in_cart {display:block; padding:12px 20px; text-align:center; font-size:130%;}
#indexBody span.cssButtonHover.normal_button.button_in_cart {display:inline-block;}
@media (max-width:767px) {
    span.cssButtonHover.normal_button.button_read_reviews {padding:12px 20px;}
}

/* Right-hand sidebox headings hidden (as on the old site). The PHP override
   common/tpl_box_default_right.php removes them from the page; this is a fallback. */
.rightBoxHeading {display:none;}

/* Advanced Search form */
#aeroSearchTable {border-collapse:collapse; margin:0 auto 1em 0;}
#aeroSearchTable td {padding:4px 6px; vertical-align:middle; text-align:left;}
#aeroSearchTable td.aeroSearchLabel {text-align:right; white-space:nowrap; width:11em;}
#aeroSearchTable input[type=text], #aeroSearchTable select {width:auto; min-width:16em; margin:0;}
#aeroSearchTable select#aero-lastdays {min-width:5em;}

/* Product page: make the image + price/cart area contain its floats, so the "added to our catalog" line and the
   product description start below it instead of wrapping around it. (Stock 2.2.2 only clears these floats inside
   the Reviews buttons block, which isn't shown when reviews are off.) */
#prod-info-top::after {content:""; display:table; clear:both;}