/* 
gill.css
Kevin McGill
14/04/2004

*/

/*
The page is split into 3 parts: header, main and footer
Styles for overall page positioning
*/
html, body { height: 100%; background-color:#005f8e;}
body { float: left; width:100%; font-family:Arial, Tahoma, sans-serif; font-style : normal; background-color : #005f8e; margin:0px 0px 0px 0px; }
/*
Styles for the page header (including drop-down menus)
*/
.header { background-color:#005f8e; width:100%; vertical-align:baseline;}
div.headerContent { background-color:#005f8e; width:880px; vertical-align:baseline;}
div.headerContent span.left { float: left; text-align: left; width: 166px; }
div.headerContent span.right { float: right; text-align: right; width: 257px; }
div.headerContent img.catalogue { width:257px; height:63px; background-color: #005f8e; border:0px dashed #005f8e; }
div.headerContentWide { background-color:#005f8e; width:100%; vertical-align:baseline;}
div.headerContentWide span.left { float: left; text-align: left; width: 114px; }
div.headerContentWide span.right { float: right; text-align: right; width: 244px; padding-right:30px; }
div.headerContentWide img.catalogue { width:244px; height:52px; background-color: #005f8e; border:0px dashed #005f8e; }
div.headerMenu { float: left; text-align: left; background-color:#005f8e; width:880px; vertical-align:baseline; }
p.dropDown { font-family : Arial,Tahoma, Verdana; font-size:11px; color:#18365E; background-color: #A7B8C7; padding: 4px 20px 4px 20px; margin: 0; border:0; }
a.dropDown:link{ text-decoration: none; color: #18365E; }
a.dropDown:visited{ text-decoration: none; color: #18365E; }
a.dropDown:hover{ text-decoration: underline; color: #FFFFFF; }
a.dropDown:active{ text-decoration: none; color: #18365E; }
img.menu { background-color: #18365E; border:0px; }
/*
Styles for the main section of the page (also include once-off styles for the home page)
*/
.main { background-color:#FFFFFF; width:100%; }
td.homeContentImage { text-align: left; width:100%; height:238px; }
td.homeContent { text-align: left; width:770px; }
td.mainNav { background-color:#FFFFFF; text-align: left; width:160px; }
td.mainContent { background-color:#FFFFFF; text-align: left; width:590px; }
td.mainContentNarrow { background-color:#FFFFFF; text-align: left; width:375px; }
td.mainContentPics { background-color:#FFFFFF; text-align: left; width:215px;}
td.head { font-weight:bold; color: #005F8E; padding:0; margin:0; border:0; }


div.homeContent { width:770px; background-color:#FFFFFF; padding: 0px 0px 0px 20px; text-align:left; font-size:11px; line-height:18px; color:#000000; }
div.homeContent span.hdg { font-size:16px; line-height: 20px; font-weight:bold; color: #005F8E; }
div.homeContent span.smhdg { font-size:12px; line-height: 20px; font-weight:bold; text-decoration : none; color : #005f8e; }
div.homeContent span.new { font-size:12px; }
div.homeContent a { font-size:10px; text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.homeContent a:Hover { font-size:10px; text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.homeContent a.productCat { font-size:12px; text-decoration : none; color:#005f8e; font-weight:normal;}
div.homeContent a.productCat:Hover { font-size:12px; text-decoration : underline; color:#005f8e; font-weight:normal;}
div.homeContent img.productCat { width:80px; height:50px; background-color: #FFFFFF; border:0; }
div.homeContent img.productCatNew { width:100px; height:130px; background-color: #FFFFFF; border:0; }
div.homeContent img.whatsNew { width:50px; height:60px; background-color: #FFFFFF; border:0; padding-right:5px;}
div.homeContent img.whatsNewNew { width:80px; height:70px; background-color: #FFFFFF; border:0; padding-right:5px;}
div.homeContent img.whatsNewNew2 { width:160px; background-color: #FFFFFF; border:0; }
div.homeContentImage { height:238px; width:100%; white-space: nowrap; padding-top:0px; padding-bottom:0px; text-align:left; }
div.mainNav { background-color:#FFFFFF; padding-left:20px; padding-top:20px; text-align: left; font-weight:bold; font-size:12px; line-height:18px; color:#005f8e; }
div.mainNav a { text-decoration : none; color : #005f8e; }
div.mainNav a:Hover { text-decoration : none; color : #A7B8C7; }
div.mainNav a.active { font-weight:bold; font-size:12px; color:#BF2311;}
div.mainNav a.active:Hover { text-decoration : none;}
div.mainNav span.active { color:#BF2311; }
div.mainNav span.hdg { color : #005F8E; }
div.mainContent { background-color:#FFFFFF; padding-top:10px; padding-bottom:10px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContent a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContent a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContent a.catName { text-decoration : none; color : #005f8e; }
div.mainContent a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContent address { font-style:normal; }
div.mainContent img.catThumb { width:70px; height:80px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodLarge { width:200px; height:auto; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodDot { width:128px; height:46px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent img.prodFeature { width:70px; height:40px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContent span.catThumb { text-align:center; }
div.mainContent span.product { color:#5F5F5F; font-weight:bold; }
div.mainContent span.discontinued { color:#005f8e; font-weight:bold; font-size: 16px; }
div.mainContent span.price { color:maroon; font-weight:normal; font-size: 16px; }
div.mainContent span.date { color:#5F5F5F; font-weight:bold; font-size:10px; }
div.mainContent span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #005F8E;}
div.mainContent span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContent span.subhdg { font-size:12px; line-height: 16px; font-weight:bold; }
div.mainContent span.catDesc { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; line-height:14px; }
div.mainContentDisco { background-color:#FFFFFF; padding-top:20px; padding-bottom:10px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentDisco span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #005F8E;}
div.mainContentDisco span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentNarrow { background-color:#FFFFFF; padding:20px 0px 0px 0px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentNarrow span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #005F8E;}
div.mainContentNarrow span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentNarrow a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContentNarrow a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContentNarrow a.catName { text-decoration : none; color : #005f8e; }
div.mainContentNarrow a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContentPics { background-color:#FFFFFF; padding:20px 0px 0px 15px; }
div.mainContentPics img { background-color: #FFFFFF; }
div.mainContentPics span.caption { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; }
div.mainContentPics a { text-decoration : underline; color:#5F5F5F; font-weight:bold; font-size:11px; line-height: 18px; text-align: center;}
div.mainContentPics a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; font-size:11px; line-height: 18px; text-align: center;}
div.mainContentShort { background-color:#FFFFFF; padding:20px 0px 0px 0px; text-align:left; font-size:12px; line-height:18px; color:#000000; }
div.mainContentShort a { text-decoration : underline; color:#5F5F5F; font-weight:bold; }
div.mainContentShort a:Hover { text-decoration : none; color:#5F5F5F; font-weight:bold; }
div.mainContentShort a.catName { text-decoration : none; color : #005f8e; }
div.mainContentShort a.catName:Hover { text-decoration : none; color : #A7B8C7; }
div.mainContentShort address { font-style:normal; }
div.mainContentShort img.catThumb { width:70px; height:80px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort img.prodLarge { width:200px; height:auto; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort img.prodDot { width:128px; height:46px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort img.prodFeature { width:70px; height:40px; background-color: #FFFFFF; border:0px dashed #FFFFFF; }
div.mainContentShort span.catThumb { text-align:center; }
div.mainContentShort span.product { color:#5F5F5F; font-weight:bold; }
div.mainContentShort span.date { color:#5F5F5F; font-weight:bold; font-size:10px; }
div.mainContentShort span.hdg { font-size:14px; line-height: 20px; font-weight:bold; color : #005F8E;}
div.mainContentShort span.hdgActive { font-size:14px; line-height: 20px; font-weight:bold; color:#BF2311;}
div.mainContentShort span.subhdg { font-size:12px; line-height: 16px; font-weight:bold; }
div.mainContentShort span.catDesc { color:#5F5F5F; font-weight:bold; font-size:10px; text-align:left; line-height:14px; }
/*
Styles for the footer section of the page
*/
.footer { background-color:#005f8e; width:100%; }
div.footerContent { background-color:#005f8e; width:770px; }
div.footerContent span.left { float: left; text-align: left; padding-left:10px; padding-top:10px; font-family : Arial, Tahoma, Verdana; font-size:11px; color:#FFFFFF;}
a.footer { text-decoration : none; color : #FFFFFF; }
a.footer:Hover {text-decoration : underline; color : #FFFFFF;}
/*
Styles for the CMS section of the site
*/
.wwt { font-size:10px; line-height: 15px; color:#000000;}