/* commented backslash hack \*/
html, body { height: 100%; }
/* end hack */
body { margin: 0; padding: 0; font-size: 0.8em; font-family: Arial; background-image: url('../Images/Background.gif'); background-repeat: repeat-y; background-position: center top; }
#aspnetForm { margin: 0; padding: 0; height: 100%; }
#ContentWrapper { display: block; position: relative; margin: 0; padding: 0; height: 100%; border: solid 1px #ffffff; } /* border fixes an layout issue in FF3 */
#PageWrapper { width: 100%; min-width: 980px; max-width: 1300px; display: block; position: relative; margin: 0 auto -25px auto; padding: 0; min-height: 100%; background-image: url('../Images/Product-Menu-Background.gif'); background-repeat: repeat-y; }
*html #PageWrapper { height: 100%; }

/* HACK TO FIX #ProductMenu BREAKING THE HIGHT OF THE #PageWrapper */
#PageWrapper { min-height: 1250px; height: auto; }

/* Header */
#Header { position: absolute; top: 0; left: 0; width: 100%; height: 90px; background-color: #990000; background-image: url('../Images/Header-Background.jpg'); background-repeat: repeat-x; background-position: top left; }
#Header h2 { display: none; }
#Header img { position: absolute; left: 0; top: 0; border: 0; }
#Header .Slogon { color: #ffffff; font-size: 3em; font-weight: bold; font-style: italic; position: absolute; left: 170px; top: 45px; margin: 0; padding: 0; width: 500px; }
#Header .Images { position: absolute; top: 0; right: 0; margin: 0; }
#Header .Images img { position: relative; margin: 0; padding: 0; border-left: solid 1px #ffffff; }

/* Main Menu */
#MainMenu { position: absolute; top: 90px; height: 26px; left: 0; width: 100%; background-color: #405163; background-image: url('../Images/Menu-Background.jpg'); background-repeat: repeat-x; background-position: top left; border-top: solid 1px #ffffff; }
#MainMenu p { margin: 0; padding: 5px 0 0 10px; color: #ffffff; font-weight: bold; }
#MainMenu ul { position: absolute; padding-left: 165px; top: 0; left: 0; margin: 0; padding: 0; width: 100%; }
#MainMenu li { float: left; list-style-type: none; margin-right: 8px; }
#MainMenu li:first-child { margin-left: 165px; }
#MainMenu li.Right { float: right; }
#MainMenu a { color: #ffffff; text-decoration: none; margin-top: 2px; height: 24px; display: block; font-weight: bold; }
#MainMenu a .Inner { padding: 3px 8px 0 8px; display: block; }
#MainMenu a .Inactive { font-weight: normal; color: #dddddd; }
#MainMenu a:hover, #MainMenu a.Selected { color: #000000; background-color: #ffffff; background-image: url('../Images/Menu-Item-Top-Left.jpg'); background-repeat: no-repeat; background-position: top left; }
#MainMenu a:hover .Inner, #MainMenu a.Selected .Inner { background-image: url('../Images/Menu-Item-Top-Right.jpg'); background-repeat: no-repeat; background-position: right top; }
#MainMenu a:hover .Inactive { color: #666666; }

/* Product Menu */
#ProductMenu { position: absolute; top: 118px; left: 0; width: 165px; }
/* Title */
#ProductMenu h2 { margin: 0; padding: 6px 0 6px 10px; background-color: #405163; color: #ffffff; font-size: 1.1em; position: relative; border-bottom: solid 1px #E7EBEF; }
#ProductMenu h2 a { color: #ffffff; text-decoration: none; }
/* Level 1 */
#ProductMenu ul { margin: 0; padding: 0; }
#ProductMenu li { padding: 0; }
#ProductMenu li a { margin: 0; padding: 6px 0 6px 4px; background-color: #647F9A; color: #ffffff; font-size: 0.9em; font-weight: bold; }
#ProductMenu li a:hover { }
/* Level 2 */
#ProductMenu li ul { position: relative; display: block; }
#ProductMenu li li { list-style-type: none; border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; margin: 0; padding: 0; visibility: visible; width: 164px; }
#ProductMenu li li a { color: #666666; text-decoration: none; font-size: 0.85em; padding: 8px 4px 8px 6px; display: block; background-color: #E7EBEF; font-weight: normal; }
#ProductMenu li li a:hover, #ProductMenu li li:hover a, #ProductMenu li li.AspNet-Menu-Hover a { background-color: #ffffff; }
/* Level 3 */
#ProductMenu li li ul { border: solid 1px #cccccc; border-width: 1px 1px 0 0; position: absolute; display: none; top: -1px; left: 165px; z-index: 10000; }
#ProductMenu li li li { padding: 0; margin: 0; border-style: none; width: auto; }
#ProductMenu li li li a, #ProductMenu li li:hover li a,  #ProductMenu li li.AspNet-Menu-Hover li a { width: 250px; margin: 0; padding: 4px 6px 4px 6px; border-style: none; border-bottom: solid 1px #cccccc; display: block; color: #333333; background-color: #E7EBEF; }
#ProductMenu li li li a:hover { background-color: #ffffff; }
#ProductMenu li:hover ul ul,
#ProductMenu li.AspNet-Menu-Hover ul ul { display: none; }
#ProductMenu li li:hover ul,
#ProductMenu li li.AspNet-Menu-Hover ul { display: block; }

/* Content Layout */
#MiddleContent { margin: 138px 260px 10px 185px; }
#FullWidthContent { margin: 138px 10px 10px 185px; }

/* General Content styles */
#Content { }
#Content h1 { font-weight: normal; color: #830000; font-size: 1.6em; margin-bottom: 0.2em; }
#Content h2 { font-weight: normal; color: #830000; font-size: 1.2em; margin-bottom: 0.2em; }
#Content p { line-height: 1.4em; color: #333333; margin-top: 0; margin-bottom: 0.8em; }
#Content a { color: #000000; }
#Content a:hover { text-decoration: none; }
#Content ul { margin: 0 0 0.8em 0; padding: 0; list-style-type: square; list-style-position: inside; }
#Content ol { margin: 0 0 0.8em 0; padding: 0; list-style-position: inside; }
#Content li { color: #333333; }
#Content ul ul { margin-left: 2em; margin-bottom: 0; }
#Content .Button { font-weight: bold; text-decoration: none; color: #990000; font-size: 1.2em; }
#Content .Button:hover { color: #000000; }
#Content .Field, #Content .SmallField, #Content .LargeField { border: solid 1px #666666; }
#Content .SmallField { width: 50%; }
#Content .LargeField { width: 300px; }
#Content .Login .Button { margin-left: 100px; padding-left: 0.5em; display: block; }
#Content .Login label { width: 100px; float: left; text-align: right; margin-right: 0.5em; display: block; }
#Content .Error { color: #830000; font-weight: bold; }

/* Product Category Display boxes */
#Content .DisplayRow { margin-bottom: 20px; clear: left; border: solid 1px #ffffff; } /* Border is required to fix a layout issue in IE7 */
#Content .DisplayBox { width: 50%; float: left; }
#Content .DisplayBox .DisplayBoxInnerLeft { margin-right: 10px; }
#Content .DisplayBox .DisplayBoxInnerRight { margin-left: 10px; }
#Content .DisplayBox h2 { font-size: 1.2em; margin: 0; color: #ffffff; display: block; background-color: #A70000; background-image: url('../Images/Tab-Selected-Background.jpg'); background-repeat: repeat-x; background-position: top left; }
#Content .DisplayBox h2 .Left { display: block; background-image: url('../Images/Tab-Selected-Top-Left.jpg'); background-repeat: no-repeat; background-position: top left; }
#Content .DisplayBox h2 .Right { padding: 2px 0 1px 6px; display: block; background-image: url('../Images/Tab-Selected-Top-Right.jpg'); background-repeat: no-repeat; background-position: top right; }
#Content .DisplayBox h2 a { color: #ffffff; text-decoration: none; }
#Content .DisplayBox .Content { border: solid 1px #999999; border-top-style: none; margin: 0; padding: 6px; color: #666666; }
#Content .DisplayBox .Content .Alert { background-image: url('../Images/Exclamation.jpg'); background-position: 0 0; background-repeat: no-repeat; padding: 2px 0 0 28px; min-height: 19px; }
#Content .DisplayBox .Content p { margin: 0; padding: 0; color: #666666; }
#Content .DisplayBox .Content p + p { margin-top: 0.8em; }
#Content .DisplayBox .Content img { float: left; margin-right: 10px; border: 0; }
#Content .DisplayBox .Content li { color: #666666; }

/* Form Table */
#Content .Form { border-collapse: collapse; margin-bottom: 2em; }
#Content .Form tr { margin: 0; padding: 0; }
#Content .Form th { font-weight: normal; width: 150px; border-top: dotted 1px #666666; border-bottom: dotted 1px #666666; text-align: left; }
#Content .Form td { padding: 5px; width: 325px; border-top: dotted 1px #666666; border-bottom: dotted 1px #666666; }
#Content .Form .SideNote { font-size: 0.8em; }

/* Grid Basic Formatting */
#Content .Grid { border-style: none; border-width: 0; border-collapse: collapse; clear: left; margin-top: 1em; }
#Content .Grid tr { border-style: none; }
#Content .Grid td { border-style: none; border-width: 0; border-bottom: solid 1px #cccccc; padding: 4px 12px 4px 12px; }

/* Grid Header - Heading cells need vertical alignment to middle Not tested in IE6 */
#Content .Grid tr.Header { color: #ffffff; padding: 0; height: 100%; text-align: center; border-style: none; background-color: #990100; background-image: url('../Images/Grid-Header-Background.jpg'); background-position: top left; background-repeat: repeat-x; }
#Content .Grid th { border-style: none; padding: 0; height: 100%; vertical-align: top; position: relative; }
#Content .Grid th .LeftTop,
#Content .Grid th .LeftBottom,
#Content .Grid th .RightTop,
#Content .Grid th .RightBottom { background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#Content .Grid th .LeftTop { background-image: url('../Images/Grid-Header-Top-Left.jpg'); background-position: top left; }
#Content .Grid th .LeftBottom { background-image: url('../Images/Grid-Header-Bottom-Left.jpg'); background-position: bottom left; }
#Content .Grid th .RightTop { background-image: url('../Images/Grid-Header-Top-Right.jpg'); background-position: top right; }
#Content .Grid th .RightBottom { background-image: url('../Images/Grid-Header-Bottom-Right.jpg'); background-position: bottom right; }
#Content .Grid th .Inner,
#Content .Grid th .LeftInner,
#Content .Grid th .RightInner { padding: 4px 12px 4px 12px; display: block; }

/* Grid formatting specifics */
#Content .Grid tr.Summary td { padding: 8px 12px 8px 12px; }
#Content .Grid tr.Empty td, #Content .Grid td.Empty { border-bottom-style: none; }
#Content .Grid td.Total { border-bottom-width: 2px; border-top: solid 2px #cccccc; font-weight: bold; }
#Content .Grid td.Remove { text-align: center; }
#Content .Grid td.Quantity { text-align: right; width: 50px; }
#Content .Grid td .Quantity { width: 20px; border: solid 1px #999999; font-size: 0.8em; }
#Content .Grid td .Buy, #Content .Grid td .Checkout { font-weight: bold; text-decoration: none; color: #990000; }
#Content .Grid td .Buy:hover, #Content .Grid td .Checkout:hover { color: #000000; }
#Content .Grid td .Checkout { font-size: 1.2em; }
#Content .Grid td .PartNo { color: #666666; font-size: 0.8em; font-style: italic; }
#Content .Grid td .Product { text-decoration: none; }
#Content .Grid td .Product:hover { text-decoration: underline; }
#Content .Grid td .Delivery { width: 240px; border: solid 1px #666666; margin-left: 1em; font-size: 0.8em; }

/* Image display */
#Content .Images { float: left; width: 220px; display: block; margin: 0 20px 20px 0; }
#Content .Images #MainPhotoBox { height: 200px; line-height: 200px; }
#Content .Images .MainPhoto { text-align: center; vertical-align: middle; }
#Content .Images .ThumbnailBox { border: solid 1px #cccccc; width: 60px; height: 60px; margin: 15px 10px 0 0; line-height: 60px; float: left; }
#Content .Images .Thumbnail { cursor: pointer; vertical-align: middle; text-align: center; }

/* Tabbed content on Right side */
#RightColumn { position: absolute; top: 155px; right: 10px; width: 225px; }
#RightColumn .Section { margin-bottom: 20px; }
#RightColumn .Section .ajax__tab_header { margin: 0; padding: 0; border-bottom: solid 7px #A70000; height: 20px; }
#RightColumn .Section .ajax__tab_outer { color: #ffffff; height: 20px; background-color: #758A9E; background-image: url('../Images/Tab-Background.jpg'); background-repeat: repeat-x; background-position: top left; }
#RightColumn .Section .ajax__tab_outer:first-child { margin-right: 5px; }
#RightColumn .Section .ajax__tab_inner { background-image: url('../Images/Tab-Top-Right.jpg'); background-repeat: no-repeat; background-position: top right; }
#RightColumn .Section .ajax__tab_tab { padding-top: 2px; background-image: url('../Images/Tab-Top-Left.jpg'); background-repeat: no-repeat; background-position: top left; }
#RightColumn .Section .ajax__tab_active .ajax__tab_outer { background-color: #A70000; background-image: url('../Images/Tab-Selected-Background.jpg'); }
#RightColumn .Section .ajax__tab_active .ajax__tab_inner { background-image: url('../Images/Tab-Selected-Top-Right.jpg'); }
#RightColumn .Section .ajax__tab_active .ajax__tab_tab { background-image: url('../Images/Tab-Selected-Top-Left.jpg'); }
#RightColumn .Section .ajax__tab_hover { }
#RightColumn .Section .ajax__tab_body { border: solid 1px #A70000; padding: 5px; color: #666666; }
#RightColumn .Section .ajax__tab_body p { margin: 5px 10px 5px 10px; padding: 0; text-align: justify; font-size: 0.9em; }
#RightColumn .Section .ajax__tab_body p.SubTotal { font-weight: bold; text-align: right; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 3px 0 3px 0; margin-bottom: 10px; }
#RightColumn .Section .ajax__tab_body p.SubTotal .Label { float: left; }
#RightColumn .Section .ajax__tab_body a { color: #000000; }
#RightColumn .Section .ajax__tab_body a:hover { text-decoration: none; }
#RightColumn .Section .ajax__tab_body a.ChangeBasket { font-weight: bold; text-decoration: none; color: #990000; }
#RightColumn .Section .ajax__tab_body a.ChangeBasket:hover { color: #000000; }
#RightColumn .Section .ajax__tab_body a.Checkout { font-weight: bold; text-decoration: none; color: #990000; float: right; }
#RightColumn .Section .ajax__tab_body a.Checkout:hover { color: #000000; }
#RightColumn .Section .ajax__tab_body img { float: left; margin: 0 5px 5px 0; border: none; }

#RightColumn #MiniBasket .EmptyBasket a { color: #000000; text-decoration: underline; }
#RightColumn #MiniBasket .EmptyBasket a:hover { text-decoration: none; }
#RightColumn .MiniBasket { margin-top: 5px; }
#RightColumn .MiniBasket tr { border-bottom: solid 5px #ffffff; }
#RightColumn .MiniBasket .Image img { margin-right: 10px; }
#RightColumn .MiniBasket .Description a { text-decoration: none; color: #666666; }
#RightColumn .MiniBasket .Description a:hover { text-decoration: underline; }
#RightColumn #MiniBasketUpdating { padding: 10px; text-align: justify; display: none; }
#RightColumn #MiniBasketUpdating img { float: left; margin-right: 15px; }

/* Footer */
#ClearFooter { height: 50px; clear: both; width: 100%; }
#Footer { position: relative; height: 25px; width: 100%; min-width: 980px; max-width: 1300px; margin: 0 auto 0 auto; }
#Footer ul { background-color: #647F9A; height: 25px; margin: 0 0 0 165px; padding: 0; }
#Footer li { float: left; list-style-type: none; color: #ffffff; padding: 0 15px 0 15px; margin-top: 4px; border-left: solid 1px #ffffff; font-size: 0.85em; }
#Footer li.First { border-left-width: 0; }
#Footer a { color: #ffffff; text-decoration: none; display: block; }
#Footer a:hover { text-decoration: underline; }

.ClearLeft { clear: left; }
.ClearRight { clear: right; }
.ClearBoth { clear: both; }