/* SJS Official colours
Pantone 340 CV
Logo Green: #017A54 - 100%
SJS crosses
- Dk Green #2E9467 - 80%
- Md Green #6AB689 - 55%
- Lt Green #E1F1E4 - 10%
*/

/***** Generic Styling *****/
body {	font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px; padding:10px; }
input, select, textarea { font: 1em Arial, Helvetica, sans-serif; 	}
h1 { font-size: 1.4em; margin-top: 0; }
h2 { font-size:1.25em; }
h3 { font-size: 1.15em; color: #2E9467; font-weight:normal; }
h4 { font-size:1.1em; }
h5	{ font-size:1em; }
h6 { font-size:1em; font-style:italic; }
a:hover { color: #f00; }
a:visited { color:#909; }

/*body { margin: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }*/
table td{ padding:2px; margin:0; }

	
/* Main site navigation */
#globalNavigation {	position:absolute; top: 6.4em; left:10px; margin-left:0; width:100%; }
html>body #globalNavigation { margin-left:-12px; left:0; }
#globalNavigation div {	margin-left: 0; font-size: 0.75em; }
html>body #globalNavigation div { margin-left:22px; }
#globalNavigation ul { list-style:none; padding: 0 2px; width: 100%; margin: 0; float: left; background:#063; }
#globalNavigation li { float:left; padding:0; margin-left:0.2em}
#globalNavigation li.FirstLink { border-left:none; padding-left:0; margin-left:0; }
 /*{ margin: 0.05em 0.2em 0; display:inline; white-space:nowrap; border-left::#fff 0.5em solid; padding:0; } */
#globalNavigation a { padding:0.4em 0.4em; color:#fff; text-decoration:none; display:block; float:left; white-space:nowrap; }
#globalNavigation a:hover, #globalNavigation a:focus { background:#093; color:#fff; }

#suppliesBanner { width:100%; background:url(../images/keyline/green-left-top.gif) no-repeat left top; height:7.3em; border-right: 2px solid #063; margin-bottom:0.5em; }
#suppliesBanner img { padding: 0.2em 0; }

#SJSlogo img { margin: 18px; border: none; }
#searchForm { float: right;	clear: both; font-size:0.8em; margin-bottom: 1em; margin-top: 1em; }

/* Global SJA navigation bar */
#standardBanner { width:100%; height: 1.7em; background:#000; }
html>/**/body #standardBanner { min-height:1.7em; height:auto; }
#standardBannerText { float:right; clear:both; position:absolute; top:5px; right:5px; display:none; }
#standardBannerText ul { display:inline; list-style:none; font-size: 0.65em; padding:0; margin:0; white-space:nowrap;	}
#standardBannerText li { display:inline; padding: 0 0.4em 0 0.5em; border-left: 0.1em solid #fff; }
#standardBannerText li a { color:#fff; text-decoration:none; }
#standardBannerText li a:hover { color:#000; background:#fff; }
#standardBannerText li.FirstLink { padding-left: 0;	border-left: none; }
#standardBannerText form { display:inline; font-size:0.65em; }
#standardBannerText #qu { width: 10em; }

/* St. John Supplies site navigation */
#specialNav { position:absolute; top:20px; right:20px; width: 32em; }

#specialNav  ul { list-style:none; font-size: 0.8em; padding:0; margin:0; white-space:nowrap; float: right; clear: both; }
#specialNav li { display:inline; padding: 0 0.3em 0 0.5em; }
#specialNav li.FirstLink { border:none;	padding-left:0; }
#specialNav li a { color:#063; font-weight:bold; text-decoration:none; font-size: 0.8em; }
#specialNav li a:hover { text-decoration: underline; }

/* Styles for Page Footer */
#pageFooter { width:100%; margin-top: 1em; border-top: 3px outset #000000; font-size: 0.8em; background-color: #E1F1E4; }

.FooterBox { padding: 3px 1%; float:left; width: 47.5%;	}
html>/**/body .FooterBox { width:48%; }
.FooterBox p { margin:0; padding:0;	}

/*** Clear and NoShow ***/
.clear { font-size:1px;	height:1px;	clear:both;	margin:0; padding:0; }
.NoShow { position:absolute; left:-9000px; }

#TitleSection { margin-bottom: 1em;	}
#TitleSection h1, #TitleSection p {	display:inline;	}
#TitleSection p { padding-left:0.2em; }

/***** Local Navigation *****/
.localNav { border-right: 1px dotted #6AB689; width: 15%; padding-right: 0.2em;	}
#moreProducts { font-size:0.8em; margin-bottom:1em; }

#moreProductsTitle, #peerProductTitle, #recentHistoryTitle { background-color:#E1F1E4; font-weight:bold; padding: 0.5em 0;	}

#peerProductGroups { font-size: 0.8em; margin-bottom: 1em; }
#recentHistory { font-size:0.8em; margin-bottom: 1em; background-color:#FFFFFF;	}
#moreProducts UL, #peerProductGroups UL { margin: 0 13px; padding-left: 5px; }
#moreProducts UL { list-style-image:  url("/images/bullets/ltCross.gif"); }
#peerProductGroups UL {	list-style-image:  url("/images/bullets/mdCross.gif");	}
#recentHistory UL { margin: 0 0 0 13px;	padding-left: 5px; list-style-image:  url("/images/bullets/dkCross.gif");	}

/***** Product Display *****/
.mainSection {	padding-left: 0.4em; }
	
.productImg { background-color:#E1F1E4;	}
#productImage {	float:left;	margin-right: 0.2em; }
#productCode, #productRestricted, #productMembers, #productDiscontinued, #productOnline, #productPrice, #alternateImgs, #productUnavailable {	margin-top: 0.5em; }
#productRestricted ul { margin-left:150px; }
.relatedImg { padding-right: 2px; float:left; }
#largeImg {	font-size: 0.8em; }
#largeImg img {	padding-top: 0.3em;	}
#alternateImgs img { cursor:pointer; }
.oldPrice { font-style:italic; }
.newPrice {	font-weight:bold; color:#FF0000; }
.productListRow .oldPrice { font-size:0.8em; white-space:nowrap; }
.productListRow .newPrice { white-space:nowrap; }
.productListRow .productRestrictions { padding: 0 0.2em; }
.productListRow .specialOfferText { color:#2E9467; font-weight:bold; }
.EndOfferDate { font-size:0.7em; white-space:nowrap; }
#specialProductOffer { border: 2px solid #6AB689; }	
#specialProductOffer H3 { margin:0 0.2em; }
/***** End of Product Display *****/

/***** First Aid Kit *****/
.firstAidKit {
	margin-top: 0.5em;
	border: 1px solid #6AB689;
	font-size:0.9em;
	}
table.firstAidKit th {
	background-color:#6AB689;
	}
table.firstAidKit h3 {
	margin:0em;
	color:#ffffff;
	}
table.firstAidKit td {
	border-bottom: 1px solid #dddddd;
	}
/***** End of First Aid Kit *****/

/***** Bulk buy Prices *****/
#bulkBuyPrices th {
	border-bottom: solid 1px;
	}
.bulkBuyPriceRow td {
	/*background-color:#CCCCCC;*/
	border-bottom:dashed #000 1px;
	}
/***** End of Bulk Buy *****/

/**** Buy Product/Accessories *****/

	
#buyProduct table {
	width: 100%;
	}

table.mainProductTable, table.accessoryTable {
	border: 1px solid #6AB689;
	border-spacing:0px;
	}
table.accessoryTable tr.accessoryHead td {
	color:#FFFFFF;
	}
table.mainProductTable {
	background-color: #E1F1E4;
	}

.accessoryTable {
	font-size:0.8em;
	}
.accessoryTable select, .accessoryTable input {
	font-size:0.8em;
	}
	
.productHead, .accessoryHead {
	background-color:#2E9467;
	text-align:center;
	}
	
#buyProduct h3 {
	margin:0px;
	color:#ffffff;
	}
.accessoryDivider {
	height: 0.1em;
	}
.accessoryDivider td {
	border-bottom: 1px solid #6AB689;
	height: 0.1em;
	font-size:0.1em;
	}
.skuQuantity {
	text-align:right;
	}
.skuQuantity:focus {
	background-color:#FFFFCC;
	}
#relatedCategories, #alternateProducts{
	border: 1px solid #6AB689;
	padding-bottom: 5px;
	margin-right: 2%;
	width: 96%;
	}
#relatedCategoriesTitle, #alternateProductsTitle {
	background-color:#6AB689;
	width: 100%;
	text-align:center;
	color: #ffffff;
	font-weight:bold;
	margin-bottom: 2px;
	}
.relatedCat {
	margin-left:5px;
	}
.relatedCat A:link {
	color:#666666;
	}
.relatedCat A:visited {
	color:#333333;
	}


.alternateImg {
	padding-right: 5px;
	padding-left: 2px;
	}
.buyButton {
	float:right;
	border: 2px outset #017A54;
	background-color:#017A54;
	color:#FFFFFF;
	font-size:0.9em;
	}
.buyButton:hover {
	border-style: inset;
	background-color:#6AB689;
	}
.breadcrumbs {
	padding: 0.4em;
	font-size:0.8em;
	}


/* Shopping Basket Styles */
.basketNav {
	border-right: 1px dotted #6AB689;
	}
td.basketNav h3 {
	margin-top: 0em;
	width:100%;
	background-color:#6AB689;
	color:#FFFFFF;
	}
.skuRow TD {
	border-bottom: 1px dashed #6AB689;
	}
.productRow TD {
	border-bottom: 2px solid #6AB689;
	}
#basketPrice td{
	border-right: 1px dotted #6AB689;
	}
	
#ShoppingBasket th {
	background-color:#2E9467;
	color:#FFFFFF;
	padding-right:0.4em;
	}
.deleteButton {
	background-color:#017A54;
	border: 2px outset #017A54;
	margin:0.2em;
	font-size:0.6em;
	color:#FFFFFF;
	}
.saveButton {
	background-color:#017A54;
	border: 2px outset #017A54;
	margin:0.2em;
	font-size:0.7em;
	color:#FFFFFF;
	}
.BasketAction {
	/*background-color:#017a54;
	color:#FFFFFF;*/
	font-size: 0.9em;
	text-align:center;
	}
.deleteButton:hover, .saveButton:hover {
	border-style: inset;
	background-color:#6AB689;
	}
.productName {
	margin:0em;
	font-weight:bold;
	}
.productId {
	margin:0px;
	font-size:0.9em;
	font-weight: bold;
	}
.productIdTitle {
	font-weight: normal;
	}
.basketDate {
	font-size: 0.65em;
	text-align:right;
	padding-right: 0.5em;
	width: 8.2em;
	}
.basketVatEx, .basketChanges {
	font-size:0.65em;
	}
#ShoppingBasket input {
	text-align: right;
	}
.basketSKU {
	vertical-align:top;
	font-size: 0.8em;
	}
.basketSKU EM {
	font-style:normal;
	font-weight:bold;
	}
.specialOffer {
	background-color: #E1F1E4;
	}
.discountPrice {
	font-size: 0.8em;
	}
.basketPriceCell, .basketQuantityCell, .basketSubTotalCell {
	border-right: 1px dotted #6AB689;
	padding-right: 0.3em;
	}
#shoppingBasketAbout {
	width:100%;
	font-size: 0.9em;
	}
#shoppingBasketAboutTitle {
	background-color:#E1F1E4;
	font-weight:bold;
	padding: 0.2em;
	}
#shoppingBasketAbout UL {
	margin-top: 0;
	padding-top: 0.4em;
	margin-left: 1em;
	padding-left: 1em;
	}
#shoppingBasketHelp {
	border: 1px solid #e1f1e4;
	}
/* display of subcategories */
#subCategories {
	border: 1px solid #6AB689;
	width: 98%;
	}
#subCategoriesCell, #salesRankCell {
	width: 50%;
	}
	
#subCategoriesTitle {
	background-color: #E1F1E4;
	font-size:1.1em;
	}
#subCategoriesSearch {
	background-color: #E1F1E4;
	font-size:1.1em;
	}
#salesRankTitle H3 {
	margin-top: 0px;
	}

/* display list of products */
.productListPages A, .productListPages strong {
	font-size:0.8em;
	}
	
.productListDivider {
	border-bottom: 2px solid #6AB689;
	/*font-size: 50%;*/
	}
.productListHead {
	font-weight:bold;
	border-bottom: 2px solid #2E9467;
	}
.productListHead form {
	margin: 0px;
	}
.productListPages {
	text-align:center;
	margin-top: 0.5em;
	}
.SKUtable {
	width:100%;
	}
#productList table.SKUtable td {
	border-bottom: 1px dashed #cccccc;
	}
.productRestrictions {
	margin-right: 0.2em;
	}
#specialOffer {
	border: 1px solid #6AB689;
	background-color:#E1F1E4;
	padding:0.2em;
	margin-bottom: 1em;
	}
div#specialOffer h3 {
	margin-top:0em;
	}
.specialOfferPrice {
	margin-left: 78px;
	margin-top: 0em;
	}
.specialOfferItem {
	font-size:0.8em;
	}
table.newProducts td { text-align:center; vertical-align:top; padding: 0.2em; }
table.newProducts td.productOddCell { border-bottom: 1px dotted #6ab689; border-right: 1px dotted #6ab689; }
table.newProducts td.productEvenCell { border-bottom: 1px dotted #6ab689; }
#mainProducts .productOddCell {	background-color: #e1f1e4; }
#mainProducts td { border:none; }
#SpecialOfferProducts td { border: none; }
#SpecialOfferProducts .productEvenCell { background-color:#e1f1e4; }

table.featuredProducts td {
	padding: 0.2em;
	}
.productDescMore {
	font-size:0.7em;
	}
/*#browseCategories, #basketInfo, #catalogues, #salesRank, #homeSearch, #SjsExtra { font-size:0.75em; padding: 0; margin: 0 0.2em; border: 1px solid #e1f1e4; }
#catalogues, #salesRank, #browseCategories, #SjsExtra { margin-top: 1em; }
#browseCategoriesTitle, #basketInfoTitle, #cataloguesTitle, #salesRank #salesRankTitle, #homeSearchTitle, #SjsExtra h2 { background-color: #e1f1e4; font-weight:bold; font-size: 1.2em; }
#SjsExtra h2 { margin:0; }*/
#SjsExtra ul { padding:0; margin:0; list-style:none; }
#SjsExtra p { margin-top:0; }
#SjsExtra input { clear:left; width:90%; }
#SjsExtra input#subscribe { width:auto; }

#browseCategories ul { padding: 0 0.1em 0 0.7em; margin: 0.2em 0.1em 0.5em 0.7em;	list-style-image:url(/images/bullets/mdCross.gif); }
#browseCategories li { margin-left:0.5em; line-height: 1.5em; }
#homeSearch INPUT {
	margin: 0.2em 0.2em;
	}
.smallText {
	font-size: 0.6em;
	}

/********************************
* Define subsite styles         *
********************************/
.newsSubsiteTable {
	margin-top: 10px;
	border-top: 2px solid #990000;
	}
.newsSubsiteTitle {
	font-size: 1.0em;
	font-variant:small-caps;
	color: #990000;
	font-weight:bold;
	border-bottom: 1px solid #000000;
	}
.newsSubsiteInnerTable {
	margin: 5px;
	}
.newsSubsite {
	font-size: 0.8em;
	font-weight:bold;
	color:#333333;
	text-transform: uppercase;
	}
.newsSubsiteItem {
	font-size:0.8em;
	color:#000099;
	}
/*************************************
* Define the styles for the RHS menu *
*************************************/
.newsRelatedTable { 
	background-color: #FFFFCC;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 10px;
	}
.newsSiteTable { 
	background-color: #FFFFCC;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 10px;
	}
.newsInternetTable { 
	background-color: #FFFFFF;
	color: #000000;/*
	border: 1px solid #000000;*/
	margin-bottom: 10px;
	}
.newsRelatedTableSection, .newsSiteTableSection { 
	font-size: 1em; 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000; 
	border-bottom: 2px solid #000000;
	}
.newsInternetTableSection { 
	font-size: 1em; 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF; 
	background-color:#990000;
	border-bottom: 2px solid #000000;
	}
.newsRelatedTableItem, .newsSiteTableItem, .newsInternetTableItem { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.9em; 
	text-decoration: none; 
	color: #000099 
	}
td.newsRelatedTableItem A:Link, td.newsSiteTableItem A:Link, td.newsInternetTableItem A:Link  { 
	color: #000099 
	}

.newsLinkTableDisc {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.7em; 
	color: #990000
	}

.newsStoriesTable { 
	background-color: #FFFFCC;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 10px;
	}
	
.newsStoriesTableSection { 
	font-size: 0.8em; 
	font-weight: bold; 
	text-decoration: none; 
	color: #990000; 
	border-bottom: 2px solid #000000;
	}

.newsStoriesTableItem { 
	font-size: 0.8em; 
	text-decoration: none; 
	color: #000000; 
	}

td.newsStoriesTableItem A:Link { 
	color: #000099; 
	}
/***** User Fields *****/
.enquiryForm9 {
	font-size: 0.9em;
	border-top: 1px dotted #6AB689;
	padding: 0.2em 0.2em 0.1em 0.1em;
	}
.enquiryForm9 label { text-align:left; }
.enquiryForm9Line {
	font-size: 0.9em;
	padding: 0.2em 0.2em 0.1em 0.1em;
	/*background-color: #E1F1E4;*/
	border-top: 1px solid #000000;
	}
.enquiryForm8 {
	/*background-color: #E1F1E4;*/
	font-size: 0.8em;
	}
.enquiryFormBox1 {
	background-color: #6AB689;
	color:#FFFFFF;
	border:1px solid #000000;
	font-size: 0.8em;
	margin-left:0.2em;
	}
.enquiryFormBox2 {
	border:1px solid #000000;
	font-size: 0.8em;
	margin-left:0.2em;
	}
	
.fieldTitles {
	/*background-color: #E1F1E4;*/
	width: 15%;
	}
.fieldMandatory {
	width: 14px;
	}
.fieldValues {

	}
.fieldInfo {
	width: 200px;
	}
.userInformationErrorBox {
	border: 2px solid #ff0000;
	background-color:#FFFFEE;
	}
.enquiryErrText {
	font-style:italic;
	color:#FF0000;
	font-size:0.8em;
	}
.enquiryFormerr {
	background-color:#FFCCCC;
	}

#userProfileTitle {
	background-color: #e1f1e4;
	font-weight: bold;
}
#userProfileTitle a {
	color: #000000;
	text-decoration: none;
}
#userMenu {
	margin: 0em;
	padding: 0em;
	border: thin solid #e1f1e4;
}
#userMenu ul {
	font-size: 0.9em;
	font-style:italic;
	margin: 0 1em;
	padding: 0 1em;
	list-style-image: url(/images/bullets/arrows.gif);
}
#userMenu ul a {
	font-style: normal;
	}
#userMenu ul ul {
	list-style-image:none;
	}

#membersPreferences {
	float:right;
	width:200px;
	background-color: #e1f1e4;
	border: solid 1px #6ab689;
	padding: 0.3em;
	font-size: 0.9em;
	}
.CatalogueDisplay { margin:0 auto; }
.Catalogue { margin:0 0.2em; width:18em; padding:0.5em; float:left; }
.Catalogue h2 { margin:0; text-align:center; }
.Catalogue ul { margin:0; padding:0; list-style:none; }
.catalogueMembers { font-size: 0.75em; font-style: italic; color: #F00; text-align:center; }
.catalogueDesc { font-size: 0.8em; vertical-align: top; text-align:center; }
.catalogueName {  font-weight: bold; text-align:center; vertical-align:top; }
.catalogueImage { text-align: center; }
.catalogueByDownload {width:22em; float:left;}
.catalogueByPost { width:50%;float: left; }


.homeNewsPara {	background-color: #d2d6b5;	}

.proceedCheckout {
	text-align:center;
	}
#subCategoriesSearch Form {
	display:inline;
	}

/***************************************
* Search Page CSS
***************************************/
#searchResults {
	font-size:1.1em;
	}
.searchSmallerText {
	font-size: smaller;
	}
.searchSmallGrey {
	font-size:smaller;
	color:#999999;
	}
.searchSepBar {
	background-color:#6AB689;
	color:#ffffff;
	}
.searchSepBarTextColor {
	color:#FFFF99;
	}
.z {
	display:none
	}
.searchSortBy {
	color:#000000;
	}
.searchFileType {
	font-size:x-small;
	}
.searchDocTitle {
	font-size: 1em;
	}
.searchSummaryText {
	font-size: 0.9em;
	color:#000000;
	}
.searchUrl {
	font-size:0.8em;
	color:#2e9467;
	}
.searchFeintUrl {
	font-size:0.8em;
	}
.searchKeyMatch {
	font-size: smaller;
	background-color:#e8e8ff;
	height:40px;
	}
.searchKeyMatchWord {
	font-size:smaller;
	color:#2e9467;
	}
.searchNavigation {
	font-size:1em;
	color:#000000;
	padding-left:25%;
	padding-right:25%;
	}
.searchNavigation .searchCurrentPage {
	font-weight:bold;
	}
.searchCurrentPage {
	color:#CC0000;
	}
div.searchNavigation a {
	text-decoration:none;
	}
.searchNavTerm, .searchNavTerm a {
	font-size: 1.0em;
	font-weight:bold;
	text-align:right;
	}
.searchSpellingWord, .searchSynonymsWord {
	font-size: 1.0em;
	color:#cc0000;
	}
.searchAdvancedRow {
	background-color: #e1f1e4;
	}
#searchResults a:link {
	color:#0000cc;
	}
#searchResults  a.searchFeintUrl:link {
	color:#6f6f6f;
	}
#searchResults a:visited {
	color: #551a8b;
	}
#searchResults a:hover, #searchResults a.searchFeintUrl:hover {
	color: #ff0000;
	}
.userNameText {
	font-size: 0.8em;
	text-align:right;
	}
#pricePromise {
	width:200px;
	border: solid 1px #6ab689;
	padding: 0.2em;
	background-color:#e1f1e4;
	}
.newsDivideHeader {
	width:100%;
	background-color:#e1f1e4;
	}
tr.productListRow td {
	border-bottom: thin solid #6ab689;
	}
#printLogo {
	display:none;
	}
.deliveryOptionsLeft {
	border-right: 1px dotted #e1f1e4;
	border-bottom: 1px solid #6ab689;
	padding-top: 0.35em;
	white-space:nowrap;
}
.deliveryOptionsRight {
	border-bottom: 1px solid #6ab689;
	padding-left: 0.5em;
	padding-top: 0.35em;
}
ul.brandedList {
	padding: 0 0.1em 0 0.7em;
	margin: 0.2em 0.1em 0.5em 0.7em;
	list-style-image:url(/images/bullets/mdCross.gif);
	font-size:0.8em;
	}

/* Show active sections */
#HO .HO, #CL .CL, #DE .DE, #FC .FC, #FK .FK, #FP .FP, #FA .FA, #FG .FG, #HS .HS, #PP .PP, #PU .PU, #TA .TA, #UN .UN, #CU .CU, #AF .AF, #FF .FF {
	background-color: #6c0;
	color: #000;
	}

/* Quote-Unquote box styles 
** Customise correct corners + dots on each stylesheet */
.top-border { background: url(/images/corners/whatwedo_dot.gif) 0 0 repeat-x; width: 12em; margin: 10px;background-color: #CFC; float: right; }

html>/**/body .top-border { width: 15em; }
	
.bottom-border { background: url(/images/corners/whatwedo_dot.gif) 0 100% repeat-x; }
.left-border { background: url(/images/corners/whatwedo_dot.gif) 0 0 repeat-y; }
.right-border { background: url(/images/corners/whatwedo_dot.gif) 100% 0 repeat-y; }
.bottom-left-corner { background: url(/images/corners/whatwedo_bl.gif) 0 100% no-repeat; }
.bottom-right-corner { background: url(/images/corners/whatwedo_br.gif) 100% 100% no-repeat; }
.top-left-corner { background: url(/images/corners/whatwedo_tl.gif) 0 0 no-repeat; }
.top-right-corner { background: url(/images/corners/whatwedo_tr.gif) 100% 0 no-repeat; padding: 15px; }
/* these control the Quote style */
.left-speech-mark { background:url(/images/corners/Quote.gif) 0 0 no-repeat; }
.speech-text { font-size:1.0em; text-align:left; font-style:italic; text-indent: 20px; padding-top: 0.5em; padding-right: 18px; padding-bottom: 0.2em; }
html>/**/body .speech-text { font-size: 1em; }

.right-speech-mark { background:url(/images/corners/Unquote.gif) 100% 100% no-repeat; }
.quoted-person { font-size:0.8em; font-weight:bold; }
.quoted-position { font-size: 0.75em; font-style:italic; }

.AZindex { list-style:none; padding:0; margin:0; }
.AZindex li { border-left:0.1em solid #000; padding:0 0.3em; display:inline; }
.AZindex li.FirstLink { border-left:none; padding-left:0; }

/* new style user form styles */
fieldset { border:none; }
fieldset legend { font-size:1.3em; color:#063; font-weight:bold; }
fieldset ul { margin:0; padding:0; list-style:none; }
fieldset li { margin-top:0.5em; }

label { width:13em; text-align:right; display:block; float:left; margin-right:1em; clear:left; }
.SingleLine label {width:auto; text-align:inherit; display:inline; float:none; clear:none; }
.userCheckbox label, #LoginFrmNew label, #homeSearchTitle label, #SjsExtra label { width:auto; text-align:left; clear:none; float:none; display:inline; margin-right:0; }
.userCheckbox span { display:block; padding-left:14em; }
.userCheckbox span.userCheckName { padding-left:0; width:13em; text-align:right; float:left; }
#profileButton { margin-left:16em; }

/* news styles */

.news dl { margin-top:0; padding-top:0 }
.news a img { border:none; }
.news dt { font-size:1.1em; padding-top:0.5em; float:right; clear:both; width:100%; }
.news dt.WithPicture { margin-left:-220px; }
.news dt.WithPicture a { margin-left:220px; }
.news dd { clear:right; margin-left:0;  }
.news dd.WithPicture { margin-left:220px; }
.news dd.NewsPicture { margin-left:0; float:left; clear:none; padding:4px; width:208px; margin-top:0.5em; }
.news dd.NewsPicture img {  }

.news dd.NewsSite a { color:#900; text-transform:uppercase; font-size:0.7em; text-decoration:none; font-weight:bold; }
.news .NewsCaption { font-size:0.9em; margin-top:1em; }
.NewsMenu h2 { background:#666; color:#fff; padding:0.3em 0.2em; margin:1em 0 0; font-size:0.9em; }
.NewsMenuRelated h2, .NewsMenuAlso h2, .NewsMenuLinks h2, .NewsMenuInternet h2 {}
.NewsMenu ul { list-style:none; margin:0; padding:0; font-size:0.8em; }
.NewsMenu li { background:url(/images/bullets/arrows.gif) 0 0.3em no-repeat; padding-left:15px; }
.NewsLinkDisclaimer { font-size:0.8em; color:#666; }


/*--------------- News page styles --------------------*/	

.contentImage, .ContentImage { float:right; padding:0.5em; border: 2px solid #bfbfbf; margin:0 0.5em 1em; }
.FirstParagraph {font-weight:bold; }

/* these control the Quote style */
.pullQuote { background:url(http://www.sja.org.uk/sja/images/keyline/grey-solid-keyline.gif) top left no-repeat #d6d7b5; padding: 0.2em; width:200px; float:right; margin-right:0.5em; margin-left:0.5em; clear:both; }
.left-speech-mark {	background:url(http://www.sja.org.uk/sja/images/Quote.gif) 0 20px no-repeat; }
.pullQuote blockquote {	font-size:0.9em; text-align:left; padding: 10px 0.2em 0.5em; margin:0; text-indent:20px; }
.right-speech-mark { background:url(http://www.sja.org.uk/sja/images/Unquote.gif) 100% 100% no-repeat; position:relative;	}
.quoted-person { font-size:0.8em; font-weight:bold; padding: 0.5em 0.2em 0; }
.quoted-position { font-size: 0.75em; padding: 0 0.2em 0.5em; }
.quoted-link { 	font-size:0.7em; margin-top:0.5em; padding-bottom:0.5em; border-bottom:1px solid #000; }