/* PRINT CSS
*********************************************/
@import url("reset.css");

html {height:100%; margin-bottom:1px; overflow-y:scroll;}
body {background-color:#fff; color:#000; font:normal normal normal 90%/125% arial,sans-serif; height:100%; text-align:left;}

/* LAYOUT
*********************************************/
#overall {height:100%; margin:0 auto; text-align:left; width:100%;}

/* The following are some common styles needed for all output via the print icon */
h1, h2, h3, h4, h5 {color: #fff;text-decoration: none; padding: 0; margin: 0;}
h1, h2 {color: #b09471;}
.white h3, .white p, table.category p {color: #000;}
h1 {width: 100%; font-size: 2.4em; line-height: 1em; margin: 0px 0 25px 0;}
/*.blog-featured h1, .login h1 {width: 100%;}*/
h2, .blog_testimonials .leading-0 h2 {font-size: 1.8em; line-height: 1.1em; margin: 0 0 10px 0;}
.category-list h2 span, .item-page h2 span {font-size: 1.2em; line-height: 1em; margin: 0 0 10px 0;}
/* Need to override some of the H2 styles so that top of page headings remain consistent.*/
.blog .leading-0 h2 {font-size: 2.3em;} 
h3 {font-size: 1.3em; margin:0 0 10px 0;}
.item-page h3, #user3Qtr .moduletable h3, .contact h3, #chronoform_Enquiry_Form h3, #chronoform_Installation_Guide h3 {width: auto; padding: 10px 5px; margin-top: 20px; background-color:#b09471;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */}
.contact h3 {font-size: 1.6em; margin: 40px 0 20px 0;}
.custom h3 {margin-bottom: 0; padding-bottom: 25px;}
h5 {font-size: 0.8em;}
p, #main li, label {font-size: 1em; line-height: 1.4em; margin-bottom: 10px;}


/* All of the following are needed to control the shop product layout for print since this is more complex */

/* Set the shop logo to the center of the page at the top. */
#metseamLogo {width: 100%; margin-bottom: 27px; text-align: center;}

/* Hide the availability image, ask a question button, neighbour product links, back to category link and write reviews area if user logged in. */
.product-neighbours, .back-to-category, .additional-images, .spacer-buy-area .addtocart-area, .spacer-buy-area img.availability, .spacer-buy-area .ask-a-question, .write-reviews {visibility:hidden; display:none;}

/* set the max dimensions for the main image which will be included. */
.main-image a img{max-width:400px; float: left;}

/* The following styles ensure the rating and pricing information are correctly displayed on a white background beside the main image. */
.spacer-buy-area {min-height: 278px; max-width: 240px;margin-top: 0; background-color: #fff; color: #222; border: 1px solid #666; padding: 10px;}
.product-price {width: 100%; font-size: 0.9em; float: left; margin: 10px; padding: 10px 0 0 0; text-align:center;}
.productdetails .product-price {text-align: left;}
div.PricesalesPrice {font-size: 1.2em; margin-bottom: 3px;}
.PricesalesPrice span {font-size: 1.1em;}

/* Styles specific to order information printing from front and backend admin */

table.orderInfoView {border:1px solid #000; font-size: 0.9em; color:#333;}