/* Style sheet for all pages, copy of the one in catalog plus my additional */

/* General */
H1 { font-family: Verdana, Arial, sans-serif; font-size: 24px; font-weight: bold; }
H2 { font-family: Verdana, Arial, sans-serif; font-size: 20px; font-weight: bold; }
H3 { font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; margin:10 0 10 0; }
P, DIV, UL, SPAN { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
BODY { font-family:Verdana, Arial, sans-serif; color:#000000; margin:0px; }
BODY, TR.headingSpacer TD { background:#E5E5E5; }
FORM {display: inline; }
INPUT.inputNumber, INPUT.inputText { border:2px #DDAA88 outer; margin:1px; padding:2px; background:#FFFFE0; }
INPUT.inputNumber { text-align:right; }
INPUT.button, INPUT.BuyButton { background:#DFD2C3; border:2px outer solid; }
INPUT.BuyButton { font-weight:bold; font-style:italic; height:24; font-size:12px; }
SPAN.inputLabel { margin:10 10 0 10%; width:200px; text-align:right; vertical-align:center; }
SPAN.inputLabel2 { margin:5 5 0 20; vertical-align:center; }
.Warning { background:#C40020; color:#FFFFFF; font-weight:bold; font-size:16px; padding:4px; }
.Highlight { color:#C40020; font-weight:bold; }
DIV.centre { text-align:center; }
DIV.right { text-align:right; }
DIV.border { border:2px solid #CCBBBB; padding:5px; }

/* title and price at the top of item page */
SPAN.itemtitle, P.itemtitle { font-family:Verdana, Arial, sans-serif; font-size:18px; font-weight:bold; clear:left; margin:0; height:50px; }
SPAN.bestprice, P.bestprice { font-size:30px; color:#E4003A; font-weight:bold; font-style:italic; float:right; margin:0; height:50px; }

/* links */
A: { text-decoration:underline; color:#000080; }
A:link { text-decoration:underline; color:#000080; }
A:active { text-decoration:underline; color:#000080; }
A:visited { text-decoration:underline; color:#000080; }
A:hover { background-color:#E8E8E8; text-decoration:underline; color:#660000; }

/* Page outline and stock availability */
DIV.outline, DIV.outlineBox { border:4px groove #FFCC99; margin:2px 2px 8px 2px; padding:10px; background:#FFFFFF; }
.StockAvail { text-align:center; font-weight:bold; }
.StockShort { text-align:center; font-weight:bold; color:#E4003A; font-size:20px; }

/* Product pictures and subnotes */
IMG.Prodpic { border-style:solid; border-color:#FFCC99; border-width:2px; color:#808080; }
SPAN.subnote { font-size:10px; color:#808080; }

/* Main heading */
TABLE.headingTable { border:0px none; margin:0px; cellspacing:0; cellpadding:0; border-collapse:collapse; width:100%; }
TABLE.headingTable A:hover { background-color:#F7C696; }
TR.headingSpacer TD { height:10px; }
TR.headingDiv1 TD { background:#000080; height:3px; }
TR.headingBar TD { background:#F7C696; height:12px; }
TR.headingDiv2 TD { background:#000080; height:3px; }
TD.headingMain { background:#F7C696; height:102px; }
TD.headingBG, TD.headingBGL { background:#F7C696; }
TD.headingDivBG { background:#CC9966; }

/* Navigation menu on the left */
@media screen {
 TD.headingBGL { width:20%; }
 TABLE.Navbar { border:0px none; cellspacing:0; cellpadding:0; border-collapse:collapse; }
 TR.Navbar TD { background:#F7C696; color:#000000; }
 TR.NavbarGap TD { height:48px; }
 TR.NavbarDiv TD { background:#000080; height:3px; }
 TR.NavbarSpace TD { background:#FFFFFF; height:3px; }
 TR.Navbar UL { margin:0px; padding:0px; width:130px; padding-left:0px; margin-left:0px; }
 TR.Navbar UL LI A { font-size:12px; font-weight:bold; color:#000000; display:block; width:100%; text-decoration:none; padding-left:2px; padding-top:3px; padding-bottom:3px; }
 TR.Navbar UL A:visited { font-size:12px; font-weight:bold; color:#000000; display:block; width:100%; text-decoration:none; padding-left:2px; padding-top:3px; padding-bottom:3px; }
 TR.Navbar UL LI A:hover { color:#660000; background-color:#E8E8E8; text-decoration:underline }
}
@media print {
 .Navbar { width:0px; visibility:hidden; display:none; }
 .NavbarGap { width:0px; visibility:hidden; display:none; }
 .NavbarDiv { width:0px; visibility:hidden; display:none; }
 .NavbarSpace { width:0px; visibility:hidden; display:none; }
}

/* Footer */
TABLE.Footer { border:0px none; cellspacing:0; cellpadding:0; border-collapse:collapse; width:100%; }
TR.FooterGap TD { height:8px; }
TR.FooterDiv TD { background:#000080; height:3px; }
TR.FooterBody TD { background:#F7C696; color:#000000; }
TR.FooterSpace TD { background:#FFFFFF; height:3px; }

/* Buyit table and letterbox listing */
TABLE.Buyit { border-collapse:collapse; border:2px solid #9C8665; margin:4px; font-size:12px; padding:4px 0px 4px 0px; align:center; }
TABLE.Buyit TD { border:2px solid #E8E8E8; vertical-align:top; }
TR.BuyitHeader { background:#F7C696; font-weight:bold; }
TR.BuyitItem TD { padding:3px; }
TR.BuyitSingle TD { padding:30px; text-align:center; }
TR.BuyitHlight { padding:3px; font-weight:bold; }
TR.BuyitTrailer TD { padding:3px; text-align:center; }
TR.BuyitTrailer INPUT { float:right; }
TR.BuyitTrailer INPUT:hover { border:1px solid #E8E8E8; }
DIV.BuyitNotes { padding:6px; text-align:center; }
TR.BuyitNotesHdr TD { background:#E5E5E5; font-size:12px; }
DIV.BuyitNotes SPAN { font-size:10px; }
TD.SizeOK { background:RGB(185,235,190); }
TD.SizeNotOK { background:RGB(235,185,185); }
TD.SizeWarn, P.SizeWarn { background:RGB(245,235,120); }

/* Questions and Answers on the FAQ pages */
P.Question { color:#660000; margin-bottom:4px; }
P.Answer { color:#003300; margin-top:0;  }

/* List of pictures of different products in the range */
TABLE.ProductImages { border:0px; margin:10px; align:center; width:95%; }
TABLE.ProductImages TD { border:0px; margin:0px; padding:15px 8px 15px 8px; text-align:center; vertical-align:top; }
TABLE.ProductImages IMG { border:0px; }

/*Gallery pages */
TABLE.Gallery TD { width:33%; padding:10px; background:#EEEEEE; font-size:8px; text-align:center; }
TABLE.Gallery DIV { padding:10px; background:#FFFFFF; height:360; }

/* Display only and print only classes */
@media screen {
 .ScreenOnly { visibility:visible; }
 .PrintOnly, .PrintOnly P { visibility:hidden; height:1px; width:1px; display:none; }
 TABLE.Buyit { width:90%; }
 DIV.outline, DIV.outlineBox { width:96%; }
}
@media print {
 .ScreenOnly { visibility:hidden; height:1px; width:1px; display:none; }
 .PrintOnly { visibility:visible; }
 TABLE.Buyit { width:98%; }
 DIV.outline, DIV.outlineBox { width:99%; }
}