/* THE DISCOUNT BOOKSHOP site-wide properties for:
(1) default body copy
(2) text links - body copy, sub-menus
(3) product details display panel
(4) horizontal rules and spacers 
(5) button rollovers (includes GO, ADD TO BASKET)
(6) default information cell format
(7) BBBBFF (Pale Red) 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) Quick Manual Search cell styles 
(15) Feature panel cell styles 
(16) Plain CF4030 button style - used on feature pages
(17) Text Marquee - white text, dark grey bgnd
(18) Info drop-down panels (div layer)
(19) Individual Cursor styles
(20) StoreCatalogDisplay
(21) BOOK_DVDCachedProductOnlyDisplay
(22) CachedFooterDisplay

COLOUR CODES - at end of doc */

#PageContainer {
	width:757px;
	overflow:hidden;
	margin:auto;
}


.MainContent {
	background-color: #E9E9E9;
	padding: 0;
	margin: 0;
	border: 0;
}

/*(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;
}

.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;
}

.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;
}
.defaultfontDkRed {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #981100;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.defaultfontBoldDkRed {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #981100;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

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

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

.defaultfontMedRed {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CF4030;
	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;
}

.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;
}

.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;
}
.defaultfontSmallBold {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.defaultfontSmallDkRed {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #981100;
	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: #981100;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.smallfontItalic {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #000000;
	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;
}

.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;
}
.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: #981100;
	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: #CF4030;
	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: #981100;
	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: #CF4030;
	font-weight: bold;
}

/* In topcategory buttons */

.setTopcat a, .setTopcat a:visited, .setTopcat a: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: #F0CFC9;
	font-weight: bold;
}

/* In subMenu AND storeinfo buttons */

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

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

/* (3) product details display panel */

/* product details - cell for result title*/
td.resultsHeaderBackground {
	background-color: #981100;
	padding: 2px 6px
}
/* 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: 6px 6px 8px 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: 0px 0px 0px 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 */
.ruleGrey {
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #cccccc; 
       margin-top: 0%;
}

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

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

.ruleDkRed {
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #981100; 
       margin-top: 0%;
}
.ruleWhite {
       border-top-width: 1px;
       border-top-style: solid;
       border-color: #FFFFFF; 
       margin-top: 0%;
}

/* 8px deep, any width */

td.CellSpacer8h {
height: 8px;
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;
}

/* 4px deep, 182px wide */
td.CellSpacer182 {
height: 4px;
width: 182px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}
/* 4px deep, 420px wide */
td.CellSpacer420 {
height: 4px;
width: 420px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}
/* 4px deep, 606px wide */
td.CellSpacer606 {
height: 4px;
width: 606px;
padding: 0px;
margin: 0px;
font-size: 1px;
background-color : transparent;
}

/* (5) - roll-over buttons (for repeat use on single page) */
/* 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: 2px 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: 2px 4px 4px 2px
}
/* (7) pale Red panel cell format */
td.bbbbffCell {
	background-color: #F0CFC9;
	padding: 2px
}
/* (8) cell padding */

.twopxpadding {
	padding: 2px;
}

.fourpxpaddingRB {
	padding-top: 0px; 
	padding-right: 4px; 
	padding-bottom: 4px; 
	padding-left: 0px; 
}

.fourpxpaddingTBL {
	padding: 4px 0px 4px 4px; 
}

.fourpxpaddingB {
	padding-bottom: 4px;
}

/* (9) Side bar display */
td.topcategories {
	padding: 0px 0px 0px 4px;
 	width: 135px;  
	height: 15px;
	text-align: left;
/*	vertical-align:middle; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #981100;
	border-bottom: solid #ffffff 1px;
}


td.topcategoriesRMargin {
	padding: 0 4px 0;
	width: auto;
	height: 15px;
	text-align: right;
/*	vertical-align:middle; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #981100;
	border-bottom: solid #ffffff 1px;
}

td.storeinfo {
	padding: 0 4px 0;
	width: 135px;
	height: 15px;
	text-align: left;
/*	vertical-align:middle; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	color: #981100;
	background-color: #F0CFC9;
	border-bottom: solid #ffffff 1px;
}

td.storeinfoRMargin {
	padding: 0 4px 0;
	width: auto;
	height: 15px;
	text-align: right;
/*	vertical-align:middle; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #F0CFC9;
	border-bottom: solid #ffffff 1px;
}

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

.deliverycharges {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-align:left;
	background-color: #F0CFC9;
}


.basketinfo {
	padding: 2px 2px 3px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	color: #981100;
	background-color: #F0CFC9;
}

/* (10) Utility Page Styles */

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

.subHeads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #981100;
	background-color: #F0CFC9;
	padding: 3px;
}

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

#CopyContainer {
	width:auto;
	padding: 4px;
	margin:auto;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}


/* (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: #981100;
	padding: 2px 2px 2px 4px;
	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 2px 2px 4px;
	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: #981100;
	padding: 2px 2px 2px 4px;
	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: #981100;
	background-color: #F0CFC9;
	padding: 2px 2px 2px 4px;
	border-bottom: solid #ffffff 1px;
}
td.submenuButton2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #981100;
	background-color: #B4B4B4;
	padding: 2px 2px 2px 4px;
	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;
	background-color: #981100;
	padding: 2px 2px 2px 4px;
	cursor: help
} 

.popupHeader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CF4030;
	padding: 2px 2px 2px 4px;
	cursor: help;
	border-bottom: solid 1px #E9E9E9;
}

/* (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;
}

/* (14) Quick Manual Search cell styles */

.QMSfont1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #CF4030;
	padding: 4px 0px 4px 4px;
	line-height: 14px;

}
.QMSfont2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	color: #981100;
	background-color: #F0CFC9;
	padding: 0px 0px 2px 0px;
}

/* (15) Feature panel cell styles in RH Panel */

/* Black 1px cell frame */
.thinBorder
{
	padding: 2px;
	border: 1px solid rgb(0,0,0);
}
/* Red 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: #981100;
}
/* Red 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: #981100;
}

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

.buttonCF4030  {
	padding: 1px 1px 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: 900;
	color: #FFFFFF;
	background-color: #CF4030;
}

/* (17) Text Marquee */

.marqueeDisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #333333;
	padding: 2px 2px 2px 4px;
}

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

/*(18) Info drop-down panels (div layer) */

div.layerInfoDropDown {
padding: 4px;
background-color: #FFFFFF;
/* layer-background-color: #FFFFFF; */
position: absolute;
overflow: hidden;
visibility: hidden;
z-index: auto;
float: left;
border: 1px #981100 solid;
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 #981100 solid;
text-align: left;
}

/*(19) Individual Cursor styles */
.cursorHand {
	cursor: hand;
}

/* (20) StoreCatalogDisplay */

td.BookDetailsCell {
	width:auto;
	height:auto;
	padding:4px;
/*	border: 1px solid #981100; */
}

img.BookDetails {
	width: 75px;
	height:auto;
	border:solid 1px #000000;
	margin: 0px 0px 4px 0px;
}

div.BookDetails {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	width:auto;
	height:auto;
	float:left;
	margin:0;
	padding:0; 
}

a.BookDetails, a.BookDetails:active {
color:#000000;
font-size: 10px;
font-style: normal;
font-weight:bold;
text-decoration: underline;
margin:0;
}

a.BookDetails:visited {
color: #666666;
margin:0;
}

a.BookDetails:hover {
color: #F0CFC9;
font-size: 10px;
text-decoration: none;
margin:0;
}

/* (21) BOOK_DVDCachedProductOnlyDisplay.jsp */

.BkDVDAttribValue {
	width:323px;
	text-align:left;
	line-height:12px;
	padding: 2px 0px 2px 0px;
	background-color: #E9E9E9;
}
.BkDVDAttribName {
	text-align:left;
	line-height:12px;
	padding: 2px 0px 2px 6px;
	background-color: #E9E9E9;
}

/* (22) CachedFooterDisplay */

#footerDisplay {
	display:block;
	width:606px;
	margin-top:4px;
	padding:4px 0px 4px 0px;
	border-bottom:solid 1px #981100;
	border-top:solid 1px #981100;
	font-size:10px;
	color:#CCCCCC;
	text-align:center;
}


/* SUTTON PUBLISHING COLOUR STYLE SHEET


#FFFFFF	WHITE
Default page background
Product navigation font
Header navigation font
Info panel heading font

#E9E9E9	10% LIGHT GREY		
Info panel background

#CCCCCC	15% LIGHT WEBSAFE GREY
Grey rule

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

#B4B4B4 30% MEDIUM 1 GREY
Submenu2 button background
Positioning phrase

#666666 50% MEDIUM 2 WEBSAFE GREY
List price display

#333333 60% DARK GREY
Index page text marquee background

#000000	BLACK
Default font - body copy

#981100	DARK Red
Product navigation cells
Header panels
Default DARK Red font - body copy
Info navigation font
Link – default state
DARK Red Rule
Submenu header cell
Info ddrop-down margins

#CF4030	MID Red
Header navigation cells
Link – hover

#F0CFC9	LIGHT Red
Site info navigation cells
Submenu button cells
Stockist locator search
Keyword search panel background
QMS panel background
Your basket panel background
*/
/* SUTTON CSS */