/* CSS Document For J T Dove Website Design 01*/
/* Created April 2007 Author Mike Bishop */
/*
This section of the stylesheet contains the hyperlink rollover styles used in the website
For hyperlink rollover styles to work they must follow certain rules as outlines below:
the main style is created as normal, e.g.
bodyNav
then four version of this style are created, one for each hyperlink rollover state - link, visited, hover, active
a.bodyNav:link
a.bodyNav:visited
a.bodyNav:hover
a.bodyNav:active
They must be in the order shown to control the detail of the appearance define each style as required.
They mut also be put in the stylesheet before the main style
*/
/* dummy navigation for plain text - required where text is conditional and is being added using a link text widget
use of this style overides the normal browser behaviour for hyperlink text and gives the impression of 'normal text' */
a.dummyNav:link {
/* Style used for dummy links in the body of the page
- defined to use a black font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
cursor:auto;
text-decoration: none;
}
a.dummyNav:visited {
/* Style used for dummy links in the body of the page
- defined to use a black font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
cursor:auto;
text-decoration: none;
}
a.dummyNav:hover {
/* Style used for dummy links in the body of the page
- defined to use a black font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
cursor:auto;
text-decoration: none;
}
a.dummyNav:active {
/* Style used for dummy links in the body of the page
- defined to use a black font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
cursor:auto;
text-decoration: none;
}
.dummyNav {
/* Style used for dummy links in the body of the page
- defined to use a black font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: black;
cursor:auto;
text-decoration: none;
}
a.bodyNav:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
text-decoration: underline;
}
a.bodyNav:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
text-decoration: underline;
}
a.bodyNav:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
text-decoration: none;
}
a.bodyNav:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
text-decoration: underline;
}
a.bodyNavSmall:link {
/* Style used for hyper links in the body of the page
- defined to use a small red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
color: #f42941;
text-decoration: underline;
}
a.bodyNavSmall:visited {
/* Style used for hyper links in the body of the page
- defined to use a small red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
color: #f42941;
text-decoration: underline;
}
a.bodyNavSmall:hover {
/* Style used for hyper links in the body of the page
- defined to use a small red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
color: #f42941;
text-decoration: none;
}
a.bodyNavSmall:active {
/* Style used for hyper links in the body of the page
- defined to use a small red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
color: #f42941;
text-decoration: underline;
}
a.bodyNavLargeBold:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavLargeBold:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavLargeBold:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavLargeBold:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavMedBold:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavMedBold:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavMedBold:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
a.bodyNavMedBold:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
.bodyNavMedBold {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color: #f42941;
text-decoration: none;
}
/*
Style used in order basket navigations links for steps 1 2 and 2
Step 1 = view of order basket
Step 2 = choosing delivery details
Step 3 = pakcing order
*/
a.bodyNavLargeBoldBasket:link {
/* Style used for hyper links in the body of the page
- defined to use a pale yellow font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
a.bodyNavLargeBoldBasket:visited {
/* Style used for hyper links in the body of the page
- defined to use a pale yellow font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #F7F7BD;
text-decoration: none;
}
a.bodyNavLargeBoldBasket:hover {
/* Style used for hyper links in the body of the page
- defined to use a pale yellow font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #F7F7BD;
text-decoration: none;
}
a.bodyNavLargeBoldBasket:active {
/* Style used for hyper links in the body of the page
- defined to use a pale yellow font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #F7F7BD;
text-decoration: none;
}
a.footerNav:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f42941;
text-decoration: underline;
}
a.footerNav:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f42941;
text-decoration: underline;
}
a.footerNav:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f42941;
text-decoration: none;
}
a.footerNav:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f42941;
text-decoration: underline;
}
a.footerNavBlue:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0019a8;
text-decoration: underline;
}
a.footerNavBlue:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0019a8;
text-decoration: underline;
}
a.footerNavBlue:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0019a8;
text-decoration: none;
}
a.footerNavBlue:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0019a8;
text-decoration: underline;
}
a.footerNavBlack:link {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
a.footerNavBlack:visited {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
a.footerNavBlack:hover {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
a.footerNavBlack:active {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
a.picNav:link {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a.picNav:visited {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a.picNav:hover {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a.picNav:active {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/*
This section of the stylesheet contains the normal styles used in the website
For hyperlink rollover styles to work they must follow certain rules as outlined below:
*/
.headerTitleGrey {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #999999;
background-position: right;
text-align: right;
}
.pageTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-position: right;
}
.pageTitleWhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
background-position: right;
}
.popUpPageTitleWhite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
background-position: right;
}
.topicTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #f42941;
background-position: right;
}
.strapLine {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
background-position: right;
color: #000099;
}
.headerTitleBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000099;
background-position: right;
}
.footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.footerCopyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: right;
color:#f42941;
}
.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.bodyGrey {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#999999;
}
.bodybold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
.bodyBlue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #0019a8;
}
/*
The widgetTextBlue12px style class is used for 12px text in widgets so it behaves as ordinary text
test is added to some pages using this method if it is common text that will
benefit from flexibility for be editable by updating the widget
*/
a.widgetTextBlue12px:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
cursor:pointer;
color: #0019a8;
}
a.widgetTextBlue12px:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
cursor:pointer;
color: #0019a8;
}
a.widgetTextBlue12px:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
cursor:pointer;
color: #0019a8;
}
a.widgetTextBlue12px:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
cursor:pointer;
color: #0019a8;
}
.widgetTextBlue12px {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
cursor:pointer;
font-weight:normal;
color: #0019a8;
}
.bodyBlue12px {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0019a8;
}
.bodyBlueSmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0019a8;
}
.bodyRed {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
}
.bodysmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
}
.bodyMedium {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.formText {
/* Style used for normal text in form text fields
- defined to use grey font colour CCCCCC */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000099;
font-size: 13px;
z-index:1;
}
.formText12px {
/* Style used for normal text in form text fields
- defined to use grey font colour CCCCCC */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000099;
font-size: 12px;
}
.tableBody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#0019a8;
background-color:#FFFFFF;
}
.tableBodyBlack {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color:#FFFFFF;
}
.tableTitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
background-color: #0019a8;
line-height: 22px;
}
.tableTitlePaleYellow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #F7F7BD;
background-color: #0019a8;
line-height: 22px;
}
.tableTitlePaleYellowUnderline {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration: underline;
font-weight: bold;
color: #F7F7BD;
background-color: #0019a8;
line-height: 22px;
}
.sectionTableRow {
background-color: #0019a8;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
font-size: 10pt;
}
.tableBackground {
background-color: #0019a8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.tableBackgroundText {
background-color: #0019a8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#FFFFFF;
}
.tableBackgroundWhite {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.tableListTitle {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
font-size: 9pt;
font-weight: bold;
padding: 2px;
}
.tableRow {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
font-size: 9pt;
padding: 2px;
}
.categoryTitle {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
text-align:center;
line-height:18px;
font-size: 9pt;
vertical-align:bottom;
}
.categoryTable {
width: 121px;
background-color: #ffffff;
}
.categoryImage {
vertical-align:top;
}
.tableRow12px {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
font-size: 12px;
padding: 2px;
}
.tableRowLineHeight20 {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 20px;
color: #00199F;
font-size: 10pt;
}
.tableRowProductLineCount {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 20px;
color: #00199F;
font-size: 10pt;
}
.tableRowRollover {
background-color: #0019a8;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 9pt;
cursor: pointer;
padding: 2px;
}
.tableRowRolloverProductLines {
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #00199F;
font-size: 9pt;
cursor: pointer;
}
.tableRowRight {
background-color: #FFFFFF;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
}
.tableRowRight12px {
background-color: #FFFFFF;
text-align:right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.tableTitleBar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-color: #0019a8;
}
.bodySmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
line-height: 15px;
}
.bodyNav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #f42941;
text-decoration: underline;
}
.bodyNavSmall {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7px;
color: #f42941;
text-decoration: underline;
}
.bodyNavLargeBold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #f42941;
text-decoration:none;
}
/*
Style used in order basket navigations links for steps 1 2 and 2
Step 1 = view of order basket
Step 2 = choosing delivery details
Step 3 = pakcing order
*/
a.bodyNavLargeBoldBasket {
/* Style used for hyper links in the body of the page
- defined to use a pale yellow font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color: #F7F7BD;
text-decoration: none;
}
.footerNav {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #f42941;
text-decoration: underline;
}
.footerNavNoLink {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #f42941;
text-decoration: none;
}
.footerNavBlue {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #0019a8;
text-decoration: underline;
}
.footerNavBlack {
/* Style used for hyper links in the body of the page
- defined to use a medium red font
- apply within the tag - for example */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
.bodyScreen {
font-family: "Courier New";
font-size: 10px;
color: #0000FF;
}
.picNav {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.bodyScreenRed {
font-family: "Courier New";
font-size: 10px;
color: #f42941;
}
.pageSubTitle {
/* Style used for page titles
- defined to use dark blue font colour 1C60AB and bold */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #000099;
}
.pageSubTitlePlain {
/* Style used for page titles
- defined to use dark blue font colour 1C60AB and bold */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000099;
}
.Zindex {
z-index:1000;
}
.Zindex2 {
z-index:1;
}
.Zindex999 {
z-index:999;
}
#map {
width: 920px;
height: 720px;
border-left: 1px solid #0019a8;
border-right: 1px solid #0019a8;
border-top: 1px solid #0019a8;
border-bottom: 1px solid #0019a8;
text-align: left;
z-index:1;
}
#infoWindow {
width: 150px;
height: 150px;
}
.bubble {
background-color: transparent;
}
.search_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#0019a8;
}
.buttonBoldGrey {
/* Style used for bold grey text for buttons
- defined to use grey font colour 666666 and bold */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight:bold;
color: #666666;
margin: 1px;
}
.printInvoiceButton {
/* Style used for bold grey text for buttons
- defined to use grey font colour 666666 and bold */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight:bold;
color: #666666;
margin: 1px;
}
.webOffers {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
background-color:#f42941;
text-align:center;
line-height:40px;
font-weight:bold;
color: #ffffff;
}
.footerBanner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-style:italic;
background-color:#f42941;
text-align:center;
line-height:28px;
font-weight:bold;
color: #ffffff;
}
.promoBanner {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-align:center;
line-height:28px;
font-weight:bold;
color: #ffffff;
}
.promoBannerNoLineHeight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-align:center;
font-weight:bold;
color: #ffffff;
}
.promoRow {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-align:center;
line-height:20px;
font-weight:bold;
}
.promoText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-align:center;
line-height:20px;
font-weight:bold;
}
.promoLink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height:20px;
font-weight:bold;
color: #f42941;
}
.promoLink:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height:20px;
font-weight:bold;
color: #f42941;
}
.promoLink:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height:20px;
font-weight:bold;
color: #f42941;
}
.promoLink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;
background-color:#FFFFFF;
text-align:center;
line-height:20px;
font-weight:bold;
color: #f42941;
}
.promoLink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height:20px;
font-weight:bold;
color: #f42941;
}
.promoLinkLarge {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
}
.promoLinkLarge:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
}
.promoLinkLarge:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
}
.promoLinkLarge:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
}
.promoLinkLarge:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
background-color:#f42941;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
}
/* Styles used for promotional prices on home page - two styles required
- one for pound sign and pence price
- and one for pound price
*/
/* First Style for pound sign and pence price */
.promoPrice {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-decoration:none;
text-align:center;
font-weight:bold;
color: #FFFFFF;
background-image:url(../images/homeOfferPriceBar.jpg);
background-repeat:no-repeat;
line-height:30px;
}
.promoPrice:link {
text-decoration:none;
color: #FFFFFF;
}
.promoPrice:visited {
text-decoration:none;
color: #FFFFFF;
}
.promoPrice:hover {
text-decoration:none;
color: #FFFFFF;
}
.promoPrice:active {
text-decoration:none;
color: #FFFFFF;
}
/* Second Style for pound price */
.promoPricePound {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-decoration:none;
text-align:center;
color: #FFFFFF;
}
.promoPricePound:link {
text-decoration:none;
color: #FFFFFF;
}
.promoPricePound:visited {
text-decoration:none;
color: #FFFFFF;
}
.promoPricePound:hover {
text-decoration:none;
color: #FFFFFF;
}
.promoPricePound:active {
text-decoration:none;
color: #FFFFFF;
}
/* Style for hyperlink on tables */
.promoNav {
text-decoration:none;
cursor:pointer;
}
.promoNav:link {
text-decoration:none;
cursor:pointer;
}
.promoNav:visited {
text-decoration:none;
cursor:pointer;
}
.promoNav:hover {
text-decoration:none;
cursor:pointer;
}
.promoNav:active {
text-decoration:none;
cursor:pointer;
}
/* Styles used in HTML e-mail notifciations to overcome IE6 issue re styles and nested tables */
/* Orders and Quotes email widgets now have ids for the following
a. ${ORDER_LINES} table id is order_lines
b. ${DELIVERY_ADDRESS} table id is delivery_address
c. ${ACCOUNT_ADDRESS} table id is account_address
d. ${DELIVERY_INSTRUCTIONS} table id is delivery_instructions
Style sheets therefore may be applied to the entire email widget:
MGB note 24th Oct - update to reflect styles used in e-mails
*/
#order_lines {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#account_address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#delivery_address {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#delivery_instructions {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
/* Style used to set z index to 1 */
.zindex {
z-index:1;
}
/* Style used to set background colour on snippet tables */
.snippetTable {
background-color:#0019a8;
}