/* author & reviser: Don Kent, eShopHost Ltd, unless otherwise noted
/* Copyright (C) 2009, eShopHost Ltd, all rights reserved.
/* eshophc3.css - Standard external CSS Template, with defaults, for Package Webs

/* Template History (eshophc3.css) - can delete when copied to Customer01.css
	1.0 09/11/09 Creation. Namespaces 1-4. 2 & 3 taken from BrochureWeb R4.0 NOF variables MsoNormalTable & TextInsertParagraphSpacing
	1.1 26/11/09 2. Adjusted selector to prevent applying to embedded image tables
	1.2 19/03/10 5. New Feature Namepspace: Print
	1.3 20/03/10 1. BR100. Header cursor

/* CUSTOMER Equisafety History (as Customer01.css)
	1.0 8/6/2010 1st issue - as default eshophc3.css release 1.2

/* Feature Namespaces
	1. Expando WE205
	2. MsoNormalTable, MsoTableGrid - adds borders to Word tables
	3. TextInsert - Operating on all self-update text areas, transforms the <p> paragraph behaviour to match the common Word usage of no inter-paragraph spacing
	4. Bold - not readily modified in NOF (Note: <b> is deprecated, but NOF still uses; Word however uses correct semantic <strong>)
	5. Print - for print-only instructions e.g. .noprint
*/
 
/* 1. Expando. Vertical stack variant. See WE205ExpandoBlock.css for other variations */
div.ExpandoHeader { /* All the stuff not hideable */
	background-color: #ffcccc;
	cursor: pointer;
}
div.ExpandoContent { /* The very next div - all the hideable stuff */
	border: thin maroon solid;
	background-color: #eeeeee;
}
span.ExpandoMoreLess { /* Around the whole clickable elements */
	background-color: #ffccee;
}
span.ExpandoMoreLess:hover {
	text-decoration: underline;
}
span.ExpandoSymbol {/* Any symbol used for clickable expand/ contract */
	border: thin maroon solid;
	padding: 0 4px;
	background-color:silver;
}

/* 2. MsoNormalTable, MsoTableGrid - default addition of borders to Word Table after inline & inpage styles removed by Self-Update */
table.MsoNormalTable, table.MsoTableGrid {
	border-collapse: collapse;
	width: 99%;
	border: none;
}
table.MsoNormalTable > tr > td, table.MsoTableGrid > tr > td {
	border: 1px solid #000000;
}

/* 3. TextInsert */
div.TextInsert * p {
	margin-top: 0em;
	margin-bottom: 0em;
}

/*.PictureBorderOption2 {
   background-color: rgb(0,0,0);
   width: 3px;
   overflow: hidden;
   height: 3px;*/
 
/* 4. Bold - e.g. make same colour as primary web colour */
/*b, strong {
	color: #000000;
} */

/* 5. Print */
@media screen {
	.printonly {
		display: none;
	}
}
	
}
@media print {
	body {
		color: black;
	}
	.noprint {
		display: none;
	}
}
/* 6 NOF corrections */

body#BodyEquestrian .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photoequestrian01.jpg'); 
   background-repeat: no-repeat;
   background-position: 50% 0%;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyEquestrian h1 {
				color:yellow;
				font-size: 30px;
				text-align:left;
				padding-left:20px;							
}
body#BodyEquestrian a,body#BodyEquestrian a:active,body#BodyEquestrian a:link,body#BodyEquestrian a:visited{
				color:white;
}
body#BodyEquestrian a:hover{
				color:yellow;
}
body#BodyEquestrian p{
				color:white;
				font-size:16px;
}

body#BodyCycling .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photocycling01.jpg'); 
   background-repeat: no-repeat;
   background-position: 50% 0%;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyCycling h1 {
				font-size: 30px;
				color: #003300;
}
body#BodyCycling p{
				font-size:140%;
				color:white;
}
body#BodyCycling a,body#BodyCycling a:active,body#BodyCycling a:link,body#BodyCycling a:visited{
				font-size:140%;
				color:white;
}
body#BodyCycling a:hover{
				font-size:140%;
				color:rgb(221,18,123);
}

body#BodyAboutUs .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photoaboutus01.jpg'); 
   background-repeat: no-repeat;
   background-position: 50% 0%;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyAboutUs a,body#BodyAboutUs a:active,body#BodyAboutUs a:link,body#BodyAboutUs a:visited{
				color:white;
}
body#BodyAboutUs a:hover{
				color:rgb(221,18,123);
}

body#BodyAboutUs p{
				color:white;
}
body#BodyAboutUs h1 {
				font-size: 26px;
				color:white;
}

body#BodySuppliers .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photosuppliers01.jpg'); 
   background-position: 50% 0%;
   background-repeat:repeat-y;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodySuppliers a,body#BodySuppliers a:active,body#BodySuppliers a:link,body#BodySuppliers a:visited{
				color:black;
}
body#BodySuppliers a:hover{
				color:rgb(221,18,123);
}

body#BodySuppliers p{
				color:black;
}
body#BodySuppliers h1 {
				font-size: 26px;								
}
body#BodySuppliers h3 {
				font-size: 18px;								
}

body#BodyContactUs .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photocontactus01.jpg'); 
   background-repeat: no-repeat;
   background-position: 50% 0%;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyContactUs a,body#BodyContactUs a:active,body#BodyContactUs a:link,body#BodyContactUs a:visited{
				color:white;
}
body#BodyContactUs a:hover{
				color:rgb(221,18,123);
}

body#BodyContactUs p{
				color:white;
}
/*body#BodyContactUs h1 {
				color:yellow;
				font-size: 26px;								
}
*/

body#BodyRetailers .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photoretailers01.jpg'); 
   background-repeat: no-repeat;
   background-position: 50% 0%;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyRetailers a,body#BodyRetailers a:active,body#BodyRetailers a:link,body#BodyRetailers a:visited{
				color:black;
}
body#BodyRetailers a:hover{
				color:rgb(221,18,123);
}


body#BodyRetailers p{
				color:black;
}

/*
body#BodyRetailers h1 {
				color:yellow;
				font-size: 26px;								
}
*/

body#BodyLinks .PageBorder {
   background-color: transparent;
   background-image:url('..\assets\images\photolinks01.jpg'); 
   background-position: 50% 0%;
   background-repeat:repeat-y;
   border-left-style: none;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
}

body#BodyLinks a,body#BodyLinks a:active,body#BodyLinks a:link,body#BodyLinks a:visited{
				color:black;
}
body#BodyLinks a:hover{
				color:rgb(221,18,123);
}
body#BodyLinks p{
				color:black;
}
/*
body#BodyLinks h1 {
				color:yellow;
				font-size: 26px;								
}
*/

table#PageFooter a,table#PageFooter a:active,table#PageFooter a:link,table#PageFooter a:visited{
				color:black;
				font-size:12px;
}
table#PageFooter a:hover{
				color:rgb(221,18,123);
				font-size:12px;
}
table#PageFooter p{
				color:black;
				font-size:12px;
}


.PictureBorderOption2 {
   height: 3px;
   background-color: rgb(255,255,255);
   width: 3px;
   overflow: hidden;
   max-height: 3px;
}
body#BodyHome .PictureBorderOption2 {
   height: 3px !important;
   background-color: rgb(0,0,0);
   width: 3px;
   overflow: hidden;
   max-height: 3px;
}