/* HAYNES site-wide properties for: 
(1) default body copy 
(2) text links - body copy, sub-menus, forms 
(3) product details display panel 
(4) horizontal rules and spacers - grey, dark blue, white 
(5) button rollovers (includes GO, ADD TO BASKET) 
(6) default information cell format 
(7) BBBBFF (Pale blue) panel cell format 
(8) cell padding 
(9) Side bar display 
(10) Utility Page Styles 
(11) Sub-menu style - used on Catalogue 
(12) Pop-up info panel header - used with registration etc 
(13) Checkout data display cells - includes basket 
(14) Info Drop-down layer styles 
(15) Feature styles 
(16) Plain 535EE1 button style - used on feature pages 
(17) Text Marquee white text on med blue bgnd COLOUR CODES - at end of doc 
(18) Manual Project Styles
(19) StoreCatalog display
(20) List styles */

/* (1) default body copy */

.defaultfont {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
background-color : transparent;
}

.defaultfontBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmallCaps {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: small-caps;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontAllCapsBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontTitleBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: capitalize;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontIntroStrap {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontIntroStrapBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontHeading {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #000000;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSubHeading {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontBoldItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontDkBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #00008A;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontBoldDkBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #00008A;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontBoldWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontWhiteItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #FFFFFF;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontDkBlueIntroStrap {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #00008A;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontExtraLargeBoldWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontExtraLargeBoldDkBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
color: #00008A;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontDkBlueIntroStrapBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #00008A;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontDkBlueItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #00008A;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/* red font */

.defaultfontRed {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FF0000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontBoldRed {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FF0000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontRedItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #FF0000;
background-color: transparent;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

/* medium blue font */

.defaultfontMedBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #535EE1;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontMed2Grey {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #666666;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.smallfont {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmall {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmallItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #000000;
padding: 0px;
margin: 0px;
}

.defaultfontSmallItalicBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}

.defaultfontSmallBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
padding: 0px;
margin: 0px;
}

.defaultfontSmallBoldGrey {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #666666;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmallDkBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #00008A;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmallWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
}

.defaultfontSmallItalicWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #FFFFFF;
}

.defaultfontSmallBoldDkBlue {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #00008A;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.defaultfontSmallBoldDkRed {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #B70000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


.vsmallfont {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.vsmallfontBold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.vsmallfontItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.vsmallfontBoldItalic {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: bold;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.vsmallfontBoldWhite {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

.microsmallfont {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 8px;
font-style: normal;
font-weight: normal;
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
letter-spacing: 1px;
}

/* (2) text links */

/* In body copy on white */

a:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #00008A;
font-weight: bold;
}

a:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #999999;
font-weight: bold;
}

a:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #999999;
font-weight: bold;
}

a:hover {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #535EE1;
font-weight: bold;
}

/* In body copy on #E9E9E9 grey; used in catalogue */

a.set2:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #00008A;
font-weight: bold;
}

a.set2:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #666666;
font-weight: bold;
}

a.set2:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #666666;
font-weight: bold;
}

a.set2:hover {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #535EE1;
font-weight: bold;
}

/* In body copy on mid to light colour background; used in SUI link */

a.set3:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #000000;
font-weight: bold;
}

a.set3:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #333333;
font-weight: bold;
}

a.set3:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #333333;
font-weight: bold;
}

a.set3:hover {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: underline;
color: #666666;
font-weight: bold;
}

/* In topcategory buttons */

a.setTopcat:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

a.setTopcat:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

a.setTopcat:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

a.setTopcat:hover {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #BBBBFF;
font-weight: bold;
}

/* In subMenu AND storeinfo buttons */

a.setSubmenu1:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #00008A;
font-weight: bold;
}

a.setSubmenu1:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #00008A;
font-weight: bold;
}

a.setSubmenu1:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #00008A;
font-weight: bold;
}

a.setSubmenu1:hover {
font-family: Arial, Helvetica, Verdana, sans-serif;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

/* v small font text link on light background */

a.setVSmallBlue:link, a.setVSmallBlue:active {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
font-style: none;
font-weight: bold;
text-decoration: underline;
color: #00008A;
font-weight: bold;
}

a.setVSmallBlue:visited {
font-size: 10px;
text-decoration: none;
color: #535EE1;
}

a.setVSmallBlue:hover {
text-decoration: none;
color: #333333;
}

/* default white font text link on dark background */

a.setdefaultWhite:link, a.setdefaultWhite:active, a.setdefaultWhite:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: none;
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
font-weight: bold;
}

a.setdefaultWhite:hover {
text-decoration: none;
color: #FFFFFF;
}

/* input field and drop-down colours */

input, select {
background-color: #FFFFFF;
color: #00008A;
}

/* (3) product details display panel */

/* product details - cell for result title */

td.resultsHeaderBackground {
background-color: #00008a;
padding: 2px 6px 2px 4px;
}

/* product details - font for result type */

.resultsHeaderStrong {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}

/* product details - font for 'search result' text */

.resultsHeaderNormal {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
}

/* product details - cell holding product details table */

td.resultsMainBackground {
background-color: #E9E9E9;
padding-top: 6px;
padding-bottom: 8px;
padding-right: 6px;
/*the bottom one was 12px*/
}

td.advancedSearchBackground {
background-color: #E9E9E9;
/*padding: 6px 6px 12px 6px*/;
}

td.storeSearchBackground {
background-color: #E9E9E9;
padding-left: 3px;
padding-top: 3px;
}

td.prodResMainBackground {
background-color: #E9E9E9;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

/* product details - product details display cells */

td.resultsDetailsBackground {
background-color: #E9E9E9;
padding-left: 6px;
padding-bottom: 4px;
}

td.resultsDetailsBackground2 {
background-color: #E9E9E9;
padding-left: 6px;
padding-bottom: 0px;
}

/* (4) - horizontal rules and spacers */

/* Note: works in conjuction with GREY RULE SPACER HTML */

td.ruleGrey {
border-top: 1px;
border-top-style: solid;
border-color: #cccccc;
margin-top: 0%;
font-size: 1px;
}

/* Note: works in conjuction with GREY RULE 2 SPACER HTML */

td.ruleGrey2 {
border-top: 1px solid #cccccc;
border-bottom: 2px solid #ffffff;
margin: 0px;
padding: 0px;
font-size: 1px;
}

/* Note: works in conjuction with GREY RULE, WHITE SPACER HTML */

td.ruleGreyOnWhite {
background-color:#FFFFFF;
border-top: 1px solid #cccccc;
border-bottom: 2px solid #ffffff;
margin: 0px;
padding: 0px;
font-size: 1px;
}

td.ruleDkBlue {
border-top: 1px;
border-top-style: solid;
border-color: #00008A;
margin-top: 0%;
font-size: 1px;
}

td.ruleWhite {
border-top: 1px;
border-top-style: solid;
border-color: #FFFFFF;
margin-top: 0%;
font-size: 1px;
}

/* 256px deep, any width */

td.CellSpacer256h {
height: 256px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 128px deep, any width */

td.CellSpacer128h {
height: 128px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 64px deep, any width */

td.CellSpacer64h {
height: 64px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 32px deep, any width */

td.CellSpacer32h {
height: 32px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 16px deep, any width */

td.CellSpacer16h {
height: 16px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 12px deep, any width */

td.CellSpacer12h {
height: 12px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 8px deep, any width */

td.CellSpacer8h {
height: 8px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 6px deep, any width */

td.CellSpacer6h {
height: 6px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 4px deep, any width */

td.CellSpacer4h {
height: 4px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* 1px deep, any width */

td.CellSpacer1h {
height: 1px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* Right Panel */

td.CellSpacer182by8 {
height: 8px;
width: 182px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

td.CellSpacer182 {
height: 4px;
width: 182px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

td.whiteCellSpacer182 {
height: 4px;
width: 182px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : #FFFFFF
}

/* Main display area */

td.CellSpacer606 {
height: 4px;
width: 606px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

td.whiteCellSpacer606 {
height: 4px;
width: 606px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : #FFFFFF
}

td.CellSpacer420 {
height: 4px;
width: 420px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

td.whiteCellSpacer420 {
height: 4px;
width: 420px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : #FFFFFF
}

td.CellColumnWhite4 {
width: 4px;
padding: 0px;
margin: 0px;
background-color : #FFFFFF;
}

/* this width should be redundant 08/05 */ 
td.CellSpacer418 {
height: 4px;
width: 418px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* (5) - roll-over buttons (for repeat use on single page) */

/* GO button on #E9E9E9 */

p.gobuttonE9E9E9 a {
color: #E9E9E9;
text-decoration: none;
background-color: #E9E9E9;
display: block;
width: 15px;
background-image: url(../images/haynes_btn_go_E9E9E9.gif);
background-repeat: no-repeat;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 4px;
height: 16px;
}

p.gobuttonE9E9E9 a:hover, p.gobuttonE9E9E9 a:active {
background-color: #E9E9E9;
color: #E9E9E9;
background-image: url(../images/haynes_btn_go_E9E9E9_over.gif);
background-repeat: no-repeat;
}

/* ADD TO BASKET button */

p.addbutton a {
color: #E9E9E9;
text-decoration: none;
background-color: #E9E9E9;
display: block;
width: 94px;
background-image: url(../images/haynes_btn_add_basket.gif);
background-repeat: no-repeat;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 4px;
height: 16px;
}

p.addbutton a:hover, p.addbutton a:active {
background-color: #E9E9E9;
color: #E9E9E9;
background-image: url(../images/haynes_btn_add_basket_over.gif);
background-repeat: no-repeat;
}

/* (6) default information cell format */

td.defaultInfoCell {
background-color: #E9E9E9;
padding-top: 2px;
padding-bottom: 4px;
padding-right: 4px;
}

/* (7) pale blue panel cell format */

td.bbbbffCell {
background-color: #bbbbff;
padding: 2px;
}

/* (8) cell and image padding */

.zeropxpadding {
padding: 0px;
background-color : transparent;
}

.onepxpadding {
padding: 1px;
background-color : transparent;
}

.twopxpadding {
padding: 2px;
background-color : transparent;
}

.fourpxpadding {
padding: 4px;
background-color : transparent;
}

.ninepxpadding {
padding: 9px;
background-color : transparent;
}

.fourpxpaddingRB {
padding: 0px 4px 4px 0px;
background-color : transparent;
}

.fourpxpaddingLB {
padding: 0px 0px 4px 4px;
background-color : transparent;
}

.fourpxpaddingRT {
padding: 4px 4px 0px 0px;
background-color : transparent;
}

.fourpxpaddingLT {
padding: 4px 0px 0px 4px;
background-color : transparent;
}

.fourpxpaddingTBL {
padding: 4px 0px 4px 4px;
background-color : transparent;
}

.fourpxpaddingTBR {
padding: 4px 4px 4px 0px;
background-color : transparent;
}

.fourpxpaddingLR {
padding: 0px 4px 0px 4px;
background-color : transparent;
}

.fourpxpaddingLRB {
padding: 0px 4px 4px 4px;
background-color : transparent;
}

.fourpxpaddingTB {
padding: 4px 0px 4px 0px;
background-color : transparent;
}

img.bottomMargin4 {
margin-bottom: 4px;
padding: 0px;
}

img.rightMargin4 {
margin-right: 4px;
padding: 0px;
}

.Margin4 {
margin: 4px;
}

.Margin4TBR {
margin: 4px 0px 4px 4xp;
}

.Margin4TBL {
margin: 4px 4px 4px 0xp;
}

.Margin4TB {
margin: 4px 0px 4px 0px;
}

.Margin4LR {
margin: 0px 4px 0px 4px;
}

.Margin4BR {
margin: 0px 4px 4px 0px;
}
/* (9) Side bar display */

td.topcategories {
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 900;
color: #FFFFFF;
background-color: #00008A;
border-bottom: solid #FFFFFF 1px;
}

td.titlebar {
padding-left: 6px;
height: 16px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 900;
color: #FFFFFF;
background-color: #00008A;
border-bottom: solid #FFFFFF 1px;
}

td.storeinfo {
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
text-align: left;
font-weight: 900;
color: #00008A;
background-color: #BBBBFF;
border-bottom: solid #FFFFFF 1px;
}

.stockistlocator {
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
background-color: #BBBBFF;
}

.basketinfo {
padding-top: 2px;
padding-bottom: 3px;
padding-right: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 900;
text-align: left;
color: #00008A;
background-color: #BBBBFF;
}

/* (10) Utility Page Styles */

.pageHead {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: #FFFFFF;
background-color: #00008A;
padding: 2px;
}

.subHeads {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
color: #00008A;
background-color: #BBBBFF;
padding: 4px;
}

.columnHeaders {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
color: #00008A;
background-color: #BBBBFF;
padding: 3px;
}

/* (11) Sub-menu styles */

td.submenuHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #00008A;
padding: 2px;
cursor: default;
border-bottom: solid #FFFFFF 4px;
}

td.submenuHeader2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #333333;
padding: 2px;
border-bottom: solid #FFFFFF 4px;
}

td.submenuHeader3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #00008A;
padding: 2px;
cursor: default;
border-bottom: solid #E9E9E9 4px;
}

td.submenuButton {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #00008A;
background-color: #BBBBFF;
padding: 2px;
border-bottom: solid #FFFFFF 1px;
}

td.submenuButton2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #00008A;
background-color: #B4B4B4;
padding: 2px;
border-bottom: solid #FFFFFF 1px;
}

td.submenuButtonCatMenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #00008A;
background-color: #B4B4B4;
padding: 2px 6px 2px 6px;
border-bottom: solid #FFFFFF 1px;
}


/* (12) Pop-up info panel header */

.popupHeader1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-align: left;
background-color: #00008a;
cursor: help;
padding: 2px;
}

.popupHeader2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-align: left;
background-color: #535EE1;
cursor: help;
padding: 2px;
}

/* (13) Checkout data display cells */

td.checkoutDisplay {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #000000;
background-color: #e9e9e9;
padding-left: 3px;
border-bottom: solid #CCCCCC 1px;
}

/* (14) Info Drop-down layer styles */

div.layerInfoDropDown {
padding: 4px;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: auto;
float: left;
border: 1px #000000 solid;
width: 181px;
text-align: left;
}

div.layerInfoDropDownGrey {
padding: 4px;
background-color: #E9E9E9;
layer-background-color: #E9E9E9;
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: auto;
float: left;
border: 1px #000000 solid;
text-align: left;
}

div.layerWhite420 {
padding: 0px;
background-color: #FFFFFF;
layer-background-color: #FFFFFF;
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: 1;
float: left;
border: 1px #000000 solid;
width: 420px;
}

/* (15) Feature styles */

/* Single Main Content Layout */

td.MainContent {
background-color: #FFFFFF;
width: 606px;
text-align: left;
vertical-align: top;
}

/* Basic Left Column for 3 column layout */

td.LeftColumn {
background-color: #FFFFFF;
width: 420px;
text-align: left;
vertical-align: top;
}

/* Basic Right Column for 3 column layout */

td.RightColumn {
background-color: #FFFFFF;
width: 182px;
text-align: left;
vertical-align: top;
}

/* Centre Column spacer for 3 column layout */

td.CentreCellSpacer {
background-color: #FFFFFF;
width: 4px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
}

/* Car Maintenance Index cell */
td.IndexCell {
background-color: #E9E9E9;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}

/* Black 1px cell frame */

.thinBorder {
padding: 0px;
border: 1px rgb(0,0,0) solid;
}

.thinBorder2pxPadding {
padding: 2px;
border: 1px rgb(0,0,0) solid;
}

.thinBorder4pxPadding {
padding: 4px;
border: 1px rgb(0,0,0) solid;
}

/* Black 2px cell frame */

.thin2pxBorder {
padding: 0px;
border: 2px rgb(0,0,0) solid;
}


/* Blue background, white text large font */

.FeaturedPagePanelHeading {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #00008A;
}

/* Blue background, white text small font */

.FeaturedPagePanel {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #00008A;
}

/* Red background header panel */

td.redHeaderBackground {
background-color: #F00000;
padding: 2px 6px 2px 4px;
}

/* for images embedded in text - no caption */

img.BorderMargin4TBL {
border: 1px solid #000000; 
margin: 4px 0px 4px 4px;
}

img.BorderMargin4TBR {
border: 1px solid #000000; 
margin: 4px 4px 4px 0px;
}

/* for white book jackets */

img.thinBorderMarginBR {
border: 1px solid #000000; 
margin: 0px 4px 4px 0px;
}


/* for images embedded in text - captioned */

div.CaptImgMar4TBR {
margin: 4px 4px 4px 0px;
border:none;
float:left;
text-align:left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #000000;
}

div.CaptImgMar4TBL {
margin: 4px 0px 4px 4px;
border:none;
float:right;
text-align:left;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
color: #000000;
}
 /* icon display */
 
#featureicon {
	height:17px;
	padding: 2px 4px 2px 0px;
}



/* (16) Plain 535EE1 button style - used on feature pages */

.button535EE1 {
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 900;
color: #FFFFFF;
background-color: #535EE1;
}

/* (17) Text Marquees */

.marqueeDisplay {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #00008A;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
}

.marqueeDisplay2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #EA0041;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 0px;
}

.marqueeDisplayChristmas {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
background-color: #0000CC;
padding: 2px;
}

/* (18) Manual Project Styles */

.defaultfont10padRL {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
padding: 10px;
text-align: left;
}

.defaultfontIntroStrap5TBPadRL {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

#DefaultTitle {
width: 179px;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0px;
}

.subheading {
font-weight: bold;
margin-bottom: 5px;
}

.tblborder {
border: 1px #bbbbff solid;
}

#navlist {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#navlist li, #navlist a {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
text-align: center;
text-decoration: none;
}

li.navlist {
text-align: center;
display: block;
width: 20px;
height: 20px;
list-style-type: none;
float: left;
line-height: 20px;
background-color: #e9e9e9;
margin-right: 2px;
}

li.navlist a {
width: 20px;
height: 20px;
background-color: #bbbbff;
text-decoration: none;
display: block;
}

li.navlist a:hover {
background-color: #535ee1;
}

li.selected {
background-color: #00008a;
width: 20px;
height: 20px;
float: left;
line-height: 20px;
margin-right: 2px;
}

/* (19) Storecatalog Display */

td.DeliveryChargesPanelHeading {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #00008A;
border-bottom: solid #AEAEFF 1px;
}

td.DeliveryChargesPanel {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #00008A;
padding: 2px;
}

td.DiscountBookShopPanelHeading {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #981100;
}

td.iPhonePanelHeading {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #000000;
}

td.iPhonePanelFooter {
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-align: center;
color: #FFFFFF;
background-color: #000000;
}



/* List styles */

li {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
list-style:square;
list-style-position:outside;
}

li.numbered {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
list-style:decimal;
list-style-position:outside;
}

#Haynes_BookFeature_Index_Table ul {
	margin-left:0px;
	padding-left:0px;
}

#Haynes_BookFeature_Index_Table li {
	color:#00008A;
	list-style:none;
	margin-left:0px;
	padding:0px 0px 4px 0px;
}


/* Bargain Books */

td.ruleGreyBargainBooks {
border-top: 4px solid #FFFFFF;
border-bottom: 8px solid #FFFFFF;
margin: 0px;
padding: 0px;
background-color: #E6E6E6;
font-size: 1px;
}




/* HAYNES ONLINE COLOUR STYLE SHEET 

#FFFFFF WHITE 
Default page background 
Product navigation font 
Header navigation font 
Info panel heading font
Default input field background
 
#E9E9E9 10% LIGHT GREY 
Info panel background 

#CCCCCC 15% LIGHT WEBSAFE GREY 
Grey rule 

#ACACAC 18% MEDIUM GREY 
Positioning phrase 

#999999 20% MEDIUM WEBSAFE GREY 
Link – visited Link – active 

#B4B4B4 30% MEDIUM GREY 
Submenu2 button background 

#000000 BLACK Default font - body copy 

#00008A DARK BLUE 
Product navigation cells 
Header panels Default dark blue font - body copy 
Info navigation font 
Link – default state 
Dark Blue Rule 
Submenu header cell
Field input text

#535EE1 MID BLUE 
Header navigation cells 
Link – hover 

#BBBBFF LIGHT BLUE 
Positioning phrase 
Site info navigation cells 
Submenu button cells 
Stockist locator search 
Keyword search panel background 
QMS panel background 
Your basket panel background

#F00000 RED
Header (title) panel on Haynes4Kids */

/* HAYNES */