/********************************************************************************/
/* Main CSS Elements *
/********************************************************************************/

body.Main {
	height: 100%;
	margin: 0px;
	font-size: 70%;
	font-family: verdana, arial, sans-serif;
	text-align: center;
	background-position: center top;
	background-attachment: fixed;
	height: 100%;
}

div.Container {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: auto;
	background: #FFFFFF;
}

div.mainPageContentContainerStandard {
	width: 100%;
	float: left;
	display: block;
	background: #FFFFFF;
	padding-bottom: 10px;
}

/********************************************************************************/
/* Header Section */
/********************************************************************************/

div.ContentHeader {
	display: block;
	width: 100%;
	background: #FFFFFF;
	float: left;
}

div.HeaderUpper {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	background: #FFFFFF;
}

div.HeaderLogo {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	width: 25%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

img.Header {
	border: 0;
}

div.HeaderLogoSIDDebug {
	font-size: 0px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	background: red;
	height: 0px;
	width: 0px;
}

div.HeaderContentRightContainer {
	height: 6.5em;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 75%;
	text-align: right;
}

div.HeaderContentRightSpacer {
	height: 1em;
	width: 100%;
	background: #FFFFFF;
}

div.HeaderContentRightTopNavigation {
	background: #FFFFFF;
	width: 100%;
	text-align: right;
}

#HeaderContentRightTopNavigationUl {
	color: #003d7c;
	font-size: 1.0em;
	list-style: none;
	padding-right: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 4px;
	text-transform: capitalize;
}

#HeaderContentRightTopNavigationUl a {
	text-decoration: none;
	color: #003d7c;
}


#HeaderContentRightTopNavigationUl li {
	display: inline;
	text-align: center;
	padding-left: 1em;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
}

div.HeaderContentRightLower {
	text-align: right;
	float: left;
	width: 100%;
}

div.HeaderSearchSectionContainer {
	float: right;
	text-align: right;
}

div.HeaderSearchSectionLeft {
	font-size: 1em;
	color: #003d7c;
	padding-top: 1.2em;
	padding-right: 8px;
	float: left;
}

h4.HeaderSearchSectionLeft {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

div.HeaderSearchSectionRight {
	float: left;
	padding-top: 0.8em;
}

div.HeaderSearchLeft {
	height: 2em;
	text-align: right;
	float: left;
	padding-right: 5px;
}

div.HeaderSearchRight{
	padding-top: 0.3em;
	text-align: right;
	color: #003d7c;
	float: left;
	padding-right: 15px;
}

a.HeaderSearchRight {
	color: #003d7c;
	text-decoration: none;
}

a.HeaderSearchRight:hover {
	text-decoration: underline;
}

input.HeaderSearchBox {
	color: #646363;
}


div.mainPageHeaderLower {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: left;
}

/********************************************************************************/
/* Header Navigation */
/********************************************************************************/

div.mainPageNavigationContainer {
	height: 2.1em;
	width: 100%;
	padding-top:0px;
	margin: 0px;
	text-align: center;
	display: block;
	background: #003d7c;
}

div.mainPageHeaderNavigationElement { /* Legacy */
	float: left;
	text-align: center;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	cursor: pointer;
}

ul.mainPageHeaderNavigation {
	padding: 0px;
	margin: 0px;
}

li.mainPageHeaderNavigationElement {
	float: left;
	text-align: center;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	cursor: pointer;
	list-style: disc;
	display: inline;
	background: red;
}

a.mainPageHeaderNavigationElement {
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}

span.mainPageHeaderNavigationElement {
	width: 100%;
	float: left;
	display: block;
	cursor: pointer;
	background: #003d7c;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

span.mainPageHeaderNavigationElementHover {
	width: 100%;
	float: left;
	display: block;
	cursor: pointer;
	background: #a6bbd2;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #003a78;
	text-decoration: underline;
}

span.mainPageHeaderNavigationElementHoverFixed {
	width: 100%;
	float: left;
	display: block;
	cursor: pointer;
	background: #e5ebf2;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-decoration: underline;
	color: #003d7c;
}

span.mainPageHeaderNavigationElementHoverFixedHover {
	width: 100%;
	float: left;
	display: block;
	cursor: pointer;
	background: #ccd8e4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #003a78;
	text-decoration: underline;

}

li.mainPageHeaderNavigationSubElementContainer {
	z-index: 2000;
	text-align: left;
	position: absolute;
	background: #ccd8e4; 
	border-bottom: 1px solid #003d7c;
	width: 200px;
	list-style: none;
	visibility: hidden;
}

li.mainPageHeaderNavigationSubElementContainerVisible {
	z-index: 2000;
	text-align: left;
	position: absolute;
	background: #ccd8e4; 
	border-bottom: 1px solid #003d7c;
	width: 200px;
	list-style: none;
	visibility: ;
}

a.mainPageHeaderNavigationSubElement{
	color: #003d7c;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
}

a.mainPageHeaderNavigationSubElement:hover {
	color: #003d7c;
	font-size: 100%;
	text-align: left;
	text-decoration: underline;
}

ul.mainPageHeaderNavigationSubElement {
	padding: 0px;
	margin: 0px;
}

li.mainPageHeaderNavigationSubElement {
	list-style: none;
	padding: 0px;
	margin: 0px;
}


span.mainPageHeaderNavigationSubElement {
	padding-left: 0em;
	display: block;
	cursor: pointer;
	padding-left: 0.5em;
	padding-right: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border: 1px solid #003d7c;
	border-top: 0px;
	border-bottom: 0px;
	background: #FFFFFF;
}

span.mainPageHeaderNavigationSubElementSpacer {
	display: block;
	cursor: pointer;
	padding-left: 0.5em;
	padding-right: 0.2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	height: 10px;
	border: 1px solid #003d7c;
	border-top: 0px;
	border-bottom: 0px;
	background: #FFFFFF;
	font-size: 1px;
}


span.mainPageHeaderNavigationSubElementHover {
	padding-left: 0em;
	display: block;
	cursor: pointer;
	padding-left: 0.5em;
	padding-right: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;;
	background: #FFFFFF;
	border: 1px solid #003d7c;
	border-top: 0px;
	border-bottom: 0px;
	background: #e5ebf2;
}

span.mainPageHeaderNavigationSubElementHoverFixed {
	float: left;
	display: block;
	cursor: pointer;
	background: #ccd8e4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;

}

/********************************************************************************/
/* Content */
/********************************************************************************/

div.mainPageContentFullWidth {
	width: 100%;
	float: left;
	background: #FFFFFF;
}

div.ContentLeft {
	width: 80%;
	text-align: left;
	background: #FFFFFF;
	float: left;
	height: auto
}

div.ContentLeftTop {
	padding-left: 16px;
}

div.ContentLeftBottom {
	padding-left: 16px;
	margin-top: 16px;
}

/********************************************************************************/
/* Right Navigation */
/********************************************************************************/

div.tmailInformationMessage1 {
	position:absolute; 
	/*top: 100; 
	left: 200;  */
	width:200;
	height:90;
	border-width: .1em;
	border-style: solid;
	border-color: #900; 
	visibility:hidden
}



div.tmailInformationMessage {
	background: #e5ebf2;
	position: absolute;
	color: #003d7c;
	z-Index: 200;
	text-align: left;
	padding: 5px;
	border: 1px solid #003d7c;
	width: 200px;
	visibility:hidden
}

div.ContentRight {
	width:	190px;
	text-align: left;
	background: #FFFFFF;
	float: left;
	height: auto;
	margin-bottom: 0.5em;
	padding-right: 2px;
}

div.catalogueNavigationContainer {
	width: 98%;
	display: block;
	background: #e5ebf2;
	height: 540px;
}

div.catalogueRightNavigationTitle {
	width: 100%;
	background: #ccd8e4;
	color: #003d7c;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	text-align: left;
	margin: 0px;
}

h4.catalogueRightNavigationTitleInner {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}

a.catalogueRightNavigationTitleInner {
	padding-left: 0.0em;
	color: #003d7c;
	text-decoration:none;
}

a.catalogueRightNavigationTitleInner:hover{
	text-decoration:underline;
}

div.catalogueRightNavigationContent {
	width: 100%;
	background: #e5ebf2;
	color: #003d7c;
	padding-top:  5px;
	font-weight: normal;
	text-align: left;
}

a.catalogueRightNavigationContent {
	color: #003d7c;
	text-decoration: none;
}

div.catalogueBasketSummaryContent {
	width: 95%;
	background: #e5ebf2;
	color: #003d7c;
	padding-top: 0.2em;
	font-weight: normal;
	text-align: left;
	padding-bottom: 0.1em;
	height: 4.2em;
	padding-left: 3px;
	padding-bottom: 1em;
}

div.catalogueBasketSummary {
	width: 45%;
	padding-left: 0.5em;
	float: left;
}

div.catalogueBasketSummaryCheckoutButton {
	padding-top: 1.1em;
	width: 60%;
	float: left;
	padding-left:5px;
}

input.catalogueBasketSummaryCheckoutButton {
	background: #003d7c;
	color: #FFFFFF;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	border: #003d7c;
	font-size: 80%;
	font-weight: bold;
	height: 1.8em;
	width: 150px;
	cursor: pointer;
}

p.catalogueDeliverySummaryContentUpper {
	background: #e5ebf2;
	color: #003d7c;
	font-weight: normal;
	text-align: left;
	margin: 5px;
	padding-left: 0.5em;
	font-size: smaller;
	padding-bottom: 5px;
}

p.catalogueDeliverySummaryContentUpperNoBG {
	color: #003d7c;
	font-weight: normal;
	text-align: left;
	margin: 3px;
	padding-left: 0.5em;
	font-size: smaller;
	padding-bottom: 5px;
}

div.catalogueDeliverySummaryContentUpperNoBG {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

p.catalogueDeliverySummaryContentLower {
	background: #e5ebf2;
	color: #003d7c;
	font-weight: normal;
	text-align: left;
	height: 2.5em;
	padding-left: 0.5em;
	font-size: smaller;
	padding-bottom: 10px;
	margin: 5px;
}

div.emailSignUpContainer {
	float: left;
	padding: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	background: red;
	height: 100px;
}
	
div.catalogueGilesBlogImageContainer {
	position: relative;
	height: 15px;
	z-index:0;
}

div.catalogueGilesBlogImageContainerInner {
	position: absolute;
	top: -0.5em;
}

img.gilesBlog {
	height: 95px;
	width: 150px;
	border: 0;
}

div.catalogueGilesBlogContent {
	width: 100%;
	background: #e5ebf2;
	color: #003d7c;
	padding-top: 0.5em;
	padding-bottom: 0.8em;
	font-weight: normal;
	text-align: left;
	height: 11em;
}

div.catalogueGilesBlogContentInner {
	padding-left: 0.5em;
	font-size: smaller;
}

div.catalogueGilesBlogContentSpacer {
	width: 100%;
	height: 5.5em;
}

div.catalogueBlendYourOwnTeaContent {
	width: 100%;
	background: #e5ebf2;
	color: #003d7c;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
	font-weight: normal;
	text-align: left;
}

div.catalogueBlendYourOwnTeaContentInner {
	padding-left: 0.5em;
	font-size: smaller;
}

a.catalogueBlendYourOwnTeaContentInner {
	color: #003d7c;
	text-decoration: none;
}

div.catalogueTeaAndCoffeeSociety {
	width: 100%;
	background: #e5ebf2;
	color: #003d7c;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-weight: normal;
	text-align: left;
	height: 3.5em;
}

div.catalogueTeaAndCoffeeSocietyInner {
	padding-left: 0.5em;
	font-size: smaller;
}

a.catalogueTeaAndCoffeeSocietyInner {
	color: #003d7c;
	text-decoration: none;
}

div.catalogueTeaAndCoffeeSocietyInner {
	padding-left: 0.5em;
	font-size: smaller;
}


div.Spacer {
	height: 16px;
	float: left;
	width: 100%;
}

/********************************************************************************/
/* Bottom Bar */
/********************************************************************************/


div.BottomBar {
	text-align: left;
	clear: both;
	background-color: #ccd8e4;
	width: 100%;
	float: left;
	height: 120px;;
}

div.BottomBarTop {
	text-align: left;
	background-color: #ccd8e4;
	height: 8px;
	clear: both;
	width: 100%;
	float: left;
}

div.BottomBarBottom {
	text-align: left;
	background-color: #ccd8e4;
	height: 8px;
	clear: both;
}

div.BottomBarSign {
	display: block;
	width: 37%;
	float: left;
	background-color: #ccd8e4;
	height: 100%;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}

div.BottomBarCatalogue {
	display: block;
	width: 34%;
	float: left;
	background-color: #ccd8e4;
	height: 100%;
	border-right-width: 1px;
	border-right-color: #ffffff;
	border-right-style: solid;
}


div.BottomBarInternational {
	display: block;
	width: 25%;
	float: left;
}

div.BottomBarDiscontinued {
	display: block;
	background: #e5ebf2;
	float: left;
	width: 20%;
	background-color: #ccd8e4;
	height: 100%;
}

div.BottomBarElement {
	font-weight: bold;
	text-align: left;
	float: left;
	padding-left: 12px;
	padding-top: 8px;
}

h4.BottomBarTitle {
	color: #003d7c;
	font-weight: normal;
	text-align: left;
	font-size: larger;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}

p.BottomBarText {
	color: #646363;
	font-weight: normal;
	text-align: left;
	font-size: smaller;
	padding: 0px;
	margin: 0px;
	padding-right: 5px;
}

p.BottomBarText2 {
	color: #646363;
	font-weight: normal;
	text-align: left;
	font-size: smaller;
	padding: 0px;
	margin: 0px;
	padding-right: 5px;
	line-height: 150%;
}

div.BottomBarInput {
	color: #646363;
	font-weight: normal;
	text-align: left;
	font-size: smaller;
	width: 250px;
	float: left;
	padding-top: 8px;
	padding-right: 0.5em;
}

div.BottomBarSubmit {
	color: #003d7c;
	font-weight: normal;
	text-align: left;
	width: 30%;
	float: left;
	padding-top: 12px;
	font-size: larger;
	padding-left: 2px;
}

a.BottomBarSubmit {
	color: #003d7c;
	text-decoration: none;
}

a.BottomBarSubmit:hover {
	text-decoration: underline;
}

input.BottomBarBox {
	color: #646363;
	border: 1px solid #a5acb2;
	width: 250px;
}

div.SpacerTwo {
	height: 8px;
	float: left;
	clear: both;
}

a.BottomBarLink {
	color: #646363;
	text-decoration: none;
}

div.BottomBarText {
	color: #646363;
	font-weight: normal;
	text-align: left;
	font-size: smaller;
	padding-right: 5px;
	padding-top: 5px;
}

div.BottomBarBlogTextLeft {
	float: left;
	width: 140px;
}

p.BottomBarBlogTextRight {
	float: left;
	color: #646363;
	font-weight: normal;
	text-align: left;
	font-size: smaller;
	padding: 0px;
	margin: 0px;
	/*width: 200px;*/

}

div.BottomBarBlogContainer {
	/*width: 200px;*/
	float: left;

}


/********************************************************************************/
/* Footer Links */
/********************************************************************************/

div.footerLinksContainer {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	float: left;
}

div.footerLinksContainerInner {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

ul.footerLinks {
	padding: 1em;
	margin: 0px;
}

li.footerLinks {
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style: none;
}

div.footerLinksLowerContainer {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	float: left;
}

div.footerLinksLowerContainerInner {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

ul.footerLinksLowerInner {
	padding: 1em;
	margin: 0px;
}

li.footerLinksLowerInner {
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style: none;
	color: #999999;
}

a.footerLinks {
	color: #003d7c;
	text-decoration: underline;
}

a.footerLinks:hover {
	color: #003d7c;
	text-decoration: undeline;
}

a.footerLinksLower {
	color: #999999;
	text-decoration: none;
}


a.footerLinksLower:hover {
	color: #999999;
	text-decoration: underline;
}

p.copyRightContainer {
	text-align: center;
	width: 100%;
	color: #C0C0C0;
	padding-top: 10px;
	padding-bottom: 20px;
	float: left;
	margin: 0px;
}

div.seoDescription {
	text-align: center;
	width: 100%;
	color: #C0C0C0;
	padding-bottom: 0.5em;
	float: left;
}

p.seoDescriptionInner {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 90%;	
	line-height: 1.3em;
}

a.seoDescriptionInner {
	text-decoration: underline;
	color: #C0C0C0;
}


div.bookMarks {
	text-align: center;
	width: 100%;
	color: #C0C0C0;
	padding-bottom: 0.5em;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.bookMarksInner {
	width: 800px;
	text-align: center;
	height: 40px;;
	margin-left: auto;
	margin-right: auto;
}

div.bookMarksTitle {
	display: inline;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	height: 20px;
	padding-top: 10px;
	float: left;
	margin-left: 80px;
}

div.bookMarksImage {
	display: inline;
	float: left;
	padding-top: 5px;
}

img.bookMarks {
	height: 20px;
	width: 20px;
	border: 0px;
}

div.bookMarksLink {
	padding-top: 10px;
	padding-left: 5px;
	float: left;
	padding-right: 15px;
}

a.bookMarksLink {
	cursor: hand;
	color: #C0C0C0;
	text-decoration: none;
}

a.bookMarksLink:hover {
	text-decoration: underline;
}

/********************************************************************************/
/* Bread Crumb Trail */
/********************************************************************************/

div.Location {
	text-align: left;
	padding-bottom: 5px;
	clear: both;
	color: #646363;
	font-size: 90%;
	padding-top: 0.4em;
	padding-left: 1.5em
}

h3.Location {
	font-size: 100%;
	margin: 0px;
	font-weight: normal;
	padding: 0px;
}

a.Location {
	text-align: left;
	padding-bottom: 5px;
	clear: both;
	color: #646363;
	font-size: 90%;
	text-decoration: none;
}

a.Location:hover {
	text-decoration: underline;
}

/********************************************************************************/
/* Catalogue Left Navigation */
/********************************************************************************/

div.LeftSideMenuContainer {
	text-align: left;
	float: left;
	color: #003d7c;
	width: 210px;
	font-size: smaller;
}

div.CategoryMenuPadder {
	float: left;
	width: 1.1em;
}

div.CategoryMenu {
	position: relative;
	text-align: left;
	float: left;
	width: 18.9em;
	z-index:1;
	background: #ccd8e5;
	/* Note: Height Defined By CategoryMenuContainerInner */
}

div.CategoryMenuContainer {
	position: relative;
}

div.CategoryMenuContainerInner {
	position: absolute;
	width: 191px;
	height: 540px;
	background: #ccd8e5;
	z-index: 0;
	margin-left: 10px;
	padding-left: 0.5em;
}

h1.CategoryMenuTitle {
	background: #a6bbd2;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.4em;
	font-size: 130%;
	font-weight: normal;
}

h4.CategoryMenuTitle {
	background: #a6bbd2;
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.4em;
	font-size: 130%;
	font-weight: normal;
}

h4.CategoryMenuSubCategory {
	background: #ccd8e5;
	width: 100%;
	line-height: 1em;
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1.8em;
	font-weight: normal;
}

div.CategoryMenuSubElement {
	width: 100%;
	background: #e5ebf2;
	padding-bottom: 0.4em;
	font-size: 100%;
	font-weight: normal;
	padding-left: 1.8em;
	height: auto;
}

h4.CategoryMenuSubElement {
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	padding-left: 1.8em;
	background: #e5ebf2;
	font-weight: normal;
}

h4.CategoryMenuSubElementSpacedLeft {
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
	padding-left: 1.8em;
	background: #e5ebf2;
	font-weight: normal;
}

span.CategoryMenuSubElementSpacedLeft {
	width: 8px;
	float: left;
}

h4.CategoryMenuSubElementCurrent {
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.8em;
	background: #e5ebf2;
}

a.CategoryMenuLink {
	color: #003d7c;
	text-decoration: none;
}

a.CategoryMenuLink:hover {
	color: #003d7c;
	text-decoration: underline;
}

/********************************************************************************/
/* Catalogue Content */
/********************************************************************************/

div.catalogueContent {
	float: left;
	width: 570px;
	height: auto;
	text-align: center;
}

div.catalogueContentInner {
	width: 555px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

div.catalogueTemplateContainer {
	text-align: center;
	width: 100%;
	float: left;
	margin-bottom: 1em;
}

div.catalogueCMSFooter {
	width: 100%;
	float: left;
}


/********************************************************************************/
/* Catalogue Template 1 - Three Long Per Line */
/********************************************************************************/

div.catalogueTemplate1ItemContainer {
	text-align: left;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 0.9em;
	width: 164px;
	float: left;
	cursor: pointer;
	margin-left: 8px;
	margin-right: 7px;
	height: 450px;
	background: red;
	
}

h1.catalogueTemplate1Top {
	font-family: "Times New Roman";
	font-size: 190%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.6em;
	height: 1.5em;
	width: 150px;
	text-align: center;
	margin: 0px;
}

a.catalogueTemplate1Top {
	text-decoration: none;
}

div.catalogueTemplate1Image {
	height: 257px;
	width: 100%;
}

h3.catalogueTemplate1Middle {
	text-align: center;
	font-family: "Times New Roman";
	font-size: 150%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.8em;
	height: 3.2em;
	margin: 0px;
}

a.catalogueTemplate1Middle {
	text-decoration: none;	
}

h4.catalogueTemplate1DescriptionText {
	text-align: left;
	padding-left: 1.4em;
	font-size: 90%;
	padding-right: 1.8em;
	padding-bottom: 1.5em;
	height: 8em;
	margin: 0px;
}

a.catalogueTemplate1DescriptionText {
	text-decoration: none;	
}

h5.catalogueTemplate1Link {
	text-align: center;
	text-align: left;
	padding-left: 1.4em;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 0.9em;
	height: 1em;
	margin: 0px;
}

a.catalogueTemplate1Link {
	text-decoration: none;
}

/********************************************************************************/
/* Catalogue Template 2 - 2 Per Line */
/********************************************************************************/


div.catalogueTemplate2ItemContainer {
	float: left;
	background-color: #c7b46c;
	width: 259px;
	cursor: pointer;
	margin-right: 8px;
	margin-left: 8px;
}

h1.catalogueTemplate2Title {
	font-family: "Times New Roman";
	font-size: 190%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: left;
	padding-left: 0.6em;
	color: #ffffff;
	margin: 0px;
}

a.catalogueTemplate2Title {
	text-decoration:none;

}

div.catalogueTemplate2ImageContainer{
	font-size: 90%;
	font-weight: bold;
	padding-left: 1.2em;
	background-image: url(../images/categories/china/china.jpg);
	height: 225px;
	vertical-align: middle;
	color: #9e8b37;
	text-align: left;
}

div.catalogueTemplate2ImageSpacer {
	height: 204px;
}

a.catalogueTemplate2Link {
	text-decoration: none;
}

/********************************************************************************/
/* Catalogue Template 3 - Three Per Line */
/********************************************************************************/

div.catalogueTemplate3ItemContainer {
	float: left;
	width: 176px;
	cursor: pointer;
	margin-right: 3px;
	margin-left: 3px;
}


h1.catalogueTemplate3Title {
	font-family: "Times New Roman";
	font-size: 150%;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	text-align: left;
	padding-left: 0.6em;
	margin: 0px;
}

a.catalogueTemplate3Title {
	text-decoration: none;
	font-weight: normal;
}

div.catalogueTemplate3Image {
	width: 100%;
	background: #FFFFFF;
}


/********************************************************************************/
/* Catalogue Template 4 - 1 Per Line */
/********************************************************************************/

div.catalogueTemplate4ItemContainer {
	float: left;
	width: 550px;
	cursor: pointer;
	margin-right: 3px;
	margin-left: 3px;
	text-align: left;
}


div.catalogueTemplate4ImageContainer {
	float: left;
	width: 175px;
}

div.catalogueTemplate4ContentContainer {
	width: 365px;
	float: left;
	padding-left: 5px;
}

h1.catalogueTemplate4Title {
	font-family: "Times New Roman";
	font-size: 150%;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
	text-align: left;
	padding-left: 0.6em;
	margin: 0px;
	font-weight: normal;
}

a.catalogueTemplate4Title {
	text-decoration: none;
}


h3.catalogueTemplate4DescriptionText {
	text-align: left;
	font-size: 90%;
	padding-right:  0.2em;
	padding-bottom: 0.2em;
	height: 8em;
	text-align: left;
	padding-left: 1em;
	margin: 0px;
	font-weight: normal;
}

a.catalogueTemplate4DescriptionText {
	text-decoration: none;	
}

h5.catalogueTemplate4Link {
	text-align: right;
	padding-right: 0.2em;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 0.2em;
	height: 1em;
	margin: 0px;
}

a.catalogueTemplate4Link {
	text-decoration: none;
}


/********************************************************************************/
/* Catalogue Sku Listing */
/********************************************************************************/

div.catalogueCategorySkuListingHeader {
	float: left;
	margin-left: 0.2em;
	margin-bottom: 1em;
}

div.catalogueCategorySkuListingHeaderInnerLeft {
	float: left;
	width: 205px;
	height: 180px;
}

div.catalogueCategorySkuListingHeaderInnerRight {
	float: left;
}

div.catalogueCategorySkuPaginationContainer {
	float: left;
	width: 99%;
	color: #515151;
	text-align: center;
	font-size: 100%;
	padding-right: 18px;
	margin-bottom: 5px;
}

div.catalogueCategorySkuPaginationContainerFooter {
	float: left;
	width: 99%;
	color: #515151;
	text-align: right;
	font-size: 100%;
	padding-right: 18px;
	margin-bottom: 5px;	
}

div.catalogueCategorySkuPaginationLeft {
	width: 50%;
	float: left;
	text-align: left;
}

div.catalogueCategorySkuPaginationRight {
	width: 50%;
	float: right;
	text-align: right;
}


a.catalogueCategorySkuPagination {
	text-decoration: underline;
	color: #515151;
	font-size: 100%;
	color: #003d7c;
	font-size: 100%;
	font-weight: bold;
}

a.catalogueCategorySkuPaginationLight {
	text-decoration: none;
	color: #515151;
	font-size: 100%;
	color: #003d7c;
	font-size: 100%;
	font-weight: normal;
}

a.catalogueCategorySkuPaginationLight:hover {
	text-decoration: underline;
	color: #515151;
	font-size: 100%;
	color: #003d7c;
	font-size: 100%;
	font-weight: normal;
}


div.catalogueCategorySkuListingHeaderContainer {
	margin-top: 1em;
	width: 100%;
	height: 130px;
}

h1.catalogueCategorySkuListingHeaderTitle {
	color: #FFFFFF;
	font-size: 170%;
	text-align: left;
	margin: 0px;
	margin-left: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
	margin-right: 1em;
	font-weight: bold;
}

h3.catalogueCategorySkuListingShortDescriptionText {
	text-align: left;
	padding-left: 1.6em;
	font-size: 90%;
	padding-right: 2em;
	padding-bottom: 1.5em;
	font-weight: normal;
}

a.catalogueCategorySkuListingShortDescriptionText {
	text-decoration: none;	
}

div.catalogueCategorySkuListingSortByText {
	color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	margin-left: 4.2em;
	width: 130px;
	float: left;
}

div.catalogueCategorySkuListingSortByOptions {
	margin-top: 0.2em;
	margin-left: 3.2em;
	text-align: left;
}

select.catalogueCategorySkuListingSortByOptions {
	font-size: 78%;
	color: #7f8183;
	width: 120px;
}


div.catalogueCategorySkuListingLineContainer {
	float: left;
	color: #636467;
	font-weight: bold;
	font-size: 90%;
	margin-left: 0.4em;
}

div.catalogueCategorySkuItemContainer {
	float: left;
}

div.catalogueCategorySkuItemContainerInner {
	float: left;
	cursor: pointer;
	width: 180px;
	padding-bottom: 1em;
}

div.catalogueCategorySkuItemImage {
	float: left;
	width: 100%;
	padding-top: 1.5em;
}

h3.catalogueCategorySkuItemText {
	margin: 0px;
	text-align: left;
	margin-top: 1.5em;
	float: left;
	padding-left: 1em;
	width: 95%;
	height: 5em;
	font-size: 100%;
	
}

a.catalogueCategorySkuItemText {
	text-decoration: none;
	color: #636467;
}

div.catalogueCategorySkuItemAddToBasket {
	width: 95%;
	padding-top: 0.5em;
	padding-right: 0.5em;
	text-align: right;
	height: 2.5em;
	font-weight: normal;
	float: left;
}

input.catalogueCategorySkuItemAddToBasket {
	background: #003d7c;
	color: #FFFFFF;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	border: #003d7c;
	font-weight: bold;
	font-size: 80%;
	cursor: pointer;
	padding: 3px;

}


/********************************************************************************/
/* Catalogue Sku View Page */
/********************************************************************************/

div.catalogueSkuZoomPopupContainer {
	position: relative;
	z-index:1000;
	left: 50px;
	top: 20px;
}

div.catalogueSkuZoomPopupInner {
	height: 400px;
	width: 400px;
	background: #FFFFFF;
	position: absolute;
	background-image: url(../images/global/sku_zoom_background.gif);
	text-align: left;
}

div.catalogueSkuZoomPopupInnerImage {
	background: #FFFFFF;
	height: 391px;
	width: 391px;
	float: left;
	border-left: 1px solid #7D7D7D;
	border-top: 1px solid #7D7D7D;
}

div.catalogueSkuZoomPopupInnerImageInner {
	margin: 20px;
}

div.catalogueSkuZoomPopupInnerImageClose {
	position: absolute;
	left: 345px;
	top: 5px;
}

a.catalogueSkuZoomPopupInnerImageClose {
	text-decoration: none;
	color: #7D7D7D;
}

a.catalogueSkuZoomPopupInnerImageClose:hover {
	text-decoration: underline;
	color: #7D7D7D;
}

div.catalogueSkuTopLeftContainer {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 50%;
	padding-bottom: 2px;
}

div.catalogueSkuImage {
	float: left;
	margin-top: 0.5em;
	margin-left: 3em;
}

div.catalogueSkuTopLeftContainerBottom {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.catalogueSkuOptions {
	float: left;
}

h5.catalogueSkuOptionsText {
	float: left;
	font-size: 80%;
	width: 70px;
	text-align: left;
	font-weight: bold;
	color: #636467;
	margin: 0px;
}

div.catalogueSkuOptionsIcon {
	float: left;
	font-size: 80%;
	width: 40px;
	padding-bottom: 10px;
	float: left;
}

h6.catalogueSkuColourOptionsLink {
	font-size: 100%;
	margin: 0px;
	font-weight: normal;
}

a.catalogueSkuColourOptionsLink {
	color: #636467;
	text-decoration: none;
}

div.catalogueAlsoAvailableInContainer {
	float: left;
	width: 190px;
	margin-right: 5px;
}

div.catalogueSkuZoomContainerContainer {
	float: left;
	height: 40px;
}

div.catalogueSkuZoomContainer {
	cursor: pointer;
	background-color: #ccd8e5;
	color: #003d7d;
	float: left;
	width: 75px;
	height: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
}

div.catalogueSkuZoomContainerInnerLeft {
	float: left;
	font-weight: bold;
	font-size: 90%;
}

div.catalogueSkuZoomContainerInnerRight {
	float: left;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	margin-left: 5px;
}

a.catalogueSkuZoomContainerInnerRight {
	text-decoration: none;
	color: #003d7d;	
}

div.catalogueSkuTopRightContainer {
	float: left;
	width: 44%;
	margin-top: 1.1em;
	margin-left: 2.5em;
}

h1.catalogueSkuTitle {
	float: left;
	font-size: 170%;
	width: 100%;
	text-align: left;
	font-weight: normal;
	margin: 0px;
}

h6.catalogueSkuCode {
	float: left;
	font-size: 80%;
	width: 100%;
	text-align: left;
	height: 10px;
	color: #515151;
	font-weight: normal;
	margin: 0px;	
}

div.catalogueSkuInformation {
	float: left;
}

div.catalogueSkuDetailList {
	float: left;
	color: #636467;
	font-size: 80%;
	text-align: left;
	padding-top: 2em;
	width: 100%;
}

/* Bullet Sku Description List */

h3.catalogueSkuDetailListIntroduction {
	margin: 0px;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 100%;
}

div.catalogueSkuDetailListContainer {
	float: left;
	width: 100%;
}

ul.catalogueSkuDetailList {
	color: #636467;
	padding: 0px;
	margin-top: 0px;
}

li.catalogueSkuDetailList {
	color: #636467;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	list-style: disc;
}

/* Tab Sku Description */

div.catalogueSkuDetailTabContainer {
	margin-top: 1.8em;
	float: left;
	border: 1px solid #646363;
	width: 228px;
}

div.catalogueSkuDetailTabTop {
	float: left;
	width: 100%;
}

div.catalogueSkuDetailTabTopElementContainer {
	padding: 0px;
	margin:0px;
	float: left;
}

div.catalogueSkuDetailTabTopElement {
	float: left;
	font-size: 102%;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	background-color: #e3e3e3;
	cursor: pointer;
	border-bottom: 1px solid;
	border-right: 1px solid;
	color: #99a272;

}

div.catalogueSkuDetailTabTopElementSelected {
	float: left;
	font-size: 102%;
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	background-color: #ffffff;
	cursor: pointer;
	color: #99a272;
	border-right: 1px solid;
}

div.catalogueSkuDetailTabContentBox {
	font-size: 78%;
	color: #646363;
	text-align: left;
	float: left;
	height: 170px;
}

a.catalogueSkuDetailTabContentBox {
	color: #646363;
	text-decoration: underline;
}

div.catalogueSkuDetailTabTopData {
	font-size: 100%;
	text-align: left;
	position: absolute;
	top: -1000px;
}

h4.catalogueSkuDetailTabTopData {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
}

div.catalogueSkuDetailTabTopDataSelected {
	font-size: 100%;
	text-align: left;
	padding: 5px;
}

h5.catalogueSkuDetailTabTopDataSelected {
	margin: 0px;
	font-size: 100%;
	font-weight: normal;
}

div.catalogueSkuSetImage {
	float: left;
	margin-top: 1.5em;
}

div.catalogueSkuSetContainer {
	float: left;
	margin-left: 0.3em;
}

h5.catalogueSkuSetText {
	margin-top: 4em;
	color: #636467;
	font-size: 80%;
	margin: 0px;
	font-weight: normal;
	padding-top: 4.5em;
	padding-left: 0.3em;
}

div.catalogueSkuSetContainer {
	float: left;
	margin-top: 0.5em;
}

h6.catalogueSkuSetButton {
	float: left;
	background-color: #ccd8e5;
	color: #003d7d;
	font-size: 80%;
	font-weight: bold;
	padding: 0.4em;
	cursor: pointer;
	margin: 0px;
}

div.catalogueSkuPurchaseContainer {
	float: left;
	margin-top: 2em;
	width: 100%;
}

div.catalogueSkuPromotionalNote {
	float: left;
	margin-top: 2em;
	width: 100%;
	text-align: left;
}

h4.catalogueSkuPromotionalNoteTitle {
	margin: 0px;
	float: left;
	width: 100%;
	color: #ffffff;
	font-style: italic;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-left: 0.4em;
	padding-bottom: 0.2em;
	margin-bottom: 0.1em;
}

h5.catalogueSkuPromotionalNoteDetail {
	margin: 0px;
	float: left;
	width: 99%;
	color: #515151;
	margin-bottom: 5px;
}

div.catalogueSkuPurchaseHeader {
	float: left;
	font-weight: bold;
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 100%;
	padding-bottom: 0.4em;
}

h4.catalogueSkuPurchaseProduct {
	float: left;
	width: 370px;
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

h4.catalogueSkuPurchaseProductVariants {
	float: left;
	width: 240px;
	text-align: left;
	font-size: 100%;
	margin: 0px;
}

h4.catalogueSkuPurchaseProductVariantsList {
	float: left;
	width: 135px;
	text-align: left;
	font-size: 100%;
	margin: 0px;
}

h4.catalogueSkuPurchasePrice {
	float: left;
	width: 100px;
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

h4.catalogueSkuPurchaseQuantity {
	float: left;
	width: 60px;
	text-align: left;
	margin: 0px;
	font-size: 100%;
}

div.catalogueSkuPurchaseLine {
	float: left;
	color: #646363;
	padding-bottom: 0.5em;
	margin: 0px;
}

h4.catalogueSkuPurchaseProductLineItem {
	margin: 0px;
	float: left;
	width: 370px;
	text-align: left;
	margin-top: 0.8em;
	font-size: 100%;
	font-weight: normal
}


h4.catalogueSkuPurchaseProductLineItemVariant {
	margin: 0px;
	float: left;
	width: 215px;
	text-align: left;
	margin-top: 0.8em;
	margin-right: 5px;
	font-size: 100%;
}

h4.catalogueSkuPurchaseProductLineItemVariantList {
	margin: 0px;
	margin-left: 20px;
	float: left;
	width: 140px;
	text-align: left;
	font-size: 100%;
}

select.catalogueSkuPurchaseProductLineItemVariantList {
	margin-top: 0.5em;
	font-size: 90%;
	width: 100px;
}

h4.catalogueSkuPurchasePriceLineItem {
	margin: 0px;
	font-size; 100%;
	float: left;
	text-align: left;
	font-size: 90%;
	margin-top: 0.8em;
	width: 100px;
	font-weight: normal;
}

div.catalogueSkuPurchaseQuantityLineItem {
	float: left;
	width: 60px;
	margin-top: 0.5em;
}

/* flip red color , make discounted price red (like pasttimes) djr0044 */
span.catalogueWasPrice {
	padding-bottom: 2px;
	text-align: left;
}

span.catalogueNowPrice {
	color: #FF0000;
	text-align: left;
	width: 100px;
}

select.catalogueSkuPurchaseQuantityLineItem {
	font-size: 90%;
}

div.catalogueSkuPurchaseAddToBasket {
	float: left;
	text-align: right;
	width: 100%;
}

div.catalogueSkuPurchaseAddToBasketButtonContainer {
	float: right;
	text-align: right;
}

div.catalogueAddToBasketSkuPurchaseAddToBasketButtonContainer {
	float: right;
	text-align: right;
}

div.catalogueSkuCrossSellItemLineContainer {
	float: left;
	width: 100%;
}

input.catalogueSkuPurchaseAddToBasketButton {
	background: #003d7c;
	color: #FFFFFF;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	border: #003d7c;
	font-weight: bold;
	font-size: 80%;
	padding: 0.3em;
	width: 12em;
	cursor: pointer;
}

div.catalogueSkuCrossSellContainer {
	float: left;
	width: 100%;
	border-bottom: 1px solid;
	padding-top: 0.6em;
	text-align: center;
	margin-top: 0.5em;
}

div.catalogueAddToBasketSkuCrossSellContainer {
	float: left;
	width: 635px;
	padding-top: 0.6em;
	text-align: center;
	margin-top: 0.5em;
}

h3.catalogueSkuCrossSellTitle {
	float: left;
	width: 100%;
	color: #ffffff;
	font-style: italic;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-left: 0.4em;
	padding-bottom: 0.2em;
	margin-bottom: 0.5em;
}

div.catalogueSkuCrossSellItems {
	float: left;
	width: 100%;
	margin-top: 0.3em;
	color: #646363;
	text-align: left;
}

div.catalogueAddToBasketSkuCrossSellItems {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-top: 0.3em;
	color: #646363;
	padding-left: 10px;
	text-align: left;
	float: left;
}

div.catalogueSkuCrossSellItemContainer {
	float: left;
	width: 170px;
	margin-bottom: 2em;
	margin-right: 5px; 
	margin-left: 5px;
	text-align: left;
}

div.catalogueSkuCrossSellImage {
	float: left;
	width: 100%;
	padding-left: 0.5em;
}


div.catalogueSkuCrossSellTitleContainer {
	float: left;
	width: 100%;
	color: #515151;
	font-size: 100%;
	font-weight: bold;
	padding-top: 0.2em;
	padding-left: 0.4em;
	padding-bottom: 0.2em;
	margin-bottom: 0.1em;
	height: 60px;
}

h4.catalogueSkuCrossSellItemTitle {
	float: left;
	font-size: 85%;
	margin-top: 0.1em;
	font-weight: bold;
	width:  95%;
	height:	35px;
	font-size: 100%;
}

h6.catalogueSkuCrossSellSmallText {
	width: 100%;
	font-size: 70%;
	margin: 0px;
	margin-top: 0.3em;
	font-weight: normal;
}

div.catalogueSkuCrossSellFooterContainer {
	float: left;
	width: 100%;
}

h5.catalogueSkuCrossSellPrice {
	margin: 0px;
	float: left;
	font-weight: bold;
	padding-top: 0.2em;
	margin-left: 0.4em;
	font-size: 85%;
	text-align: left;
	width: 50%;
}

h6.catalogueSkuCrossSellPer100 {
	margin: 0px;
	float: left;
	font-weight: normal;
	padding-top: 0.1em;
	font-size: 75%;
	font-weight: normal;
	padding-left: 0.4em;
}


div.catalogueSkuCrossSellQuantity {
	float: left;
	font-size: 75%;
	padding-top: 0.4em;
	height: 2em;
	width: 40%;
	text-align: right;
}

select.catalogueSkuCrossSellQuantity {
	font-size: 100%;
}

div.catalogueSkuCrossSellQuantityOutOfStock {
	padding-top: 0.6em;
	margin-left: 0.4em;
	text-align: center;
}

div.catalogueSkuCrossSellAddToBasket {
	float: left;
	text-align: right;
	width: 100%;
	margin-top: 0em;
	margin-bottom: 0.5em;
}

div.catalogueAddToBasketSkuCrossSellAddToBasket {
	float: left;
	text-align: right;
	width: 100%;
	margin-bottom: 5px;
}

div.catalogueNoItemsContainer {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	color: #5E5E5E;
	font-size: 100%;
}
	
div.catalogueNoItemsInner {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

/********************************************************************************/
/* Add To Basket Pop Up */
/********************************************************************************/

div.addToBasketPopUpContainer {
	position: relative;
	z-index:1000;
}


div.addToBasket {
	background-image: url(../images/global/add_to_basket_background.gif);
	width: 768px;
	height: 632px;
	float: left;
	position: absolute;
	left: 125px;
}

div.addToBasketBox {
	width: 748px;
	height: 614px;
	float: left;
}


div.addToBasketTitleContainer {
	float: left;
	background-color: #15487e;
	width: 100%;
	text-align: left;
}

div.addToBasketCloseContainer {
	float: right;
	background-color: #15487e;
	width: 10%;
	text-align: center;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 0.2em;
}

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

a.addToBasketCloseContainer:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

h1.addToBasketTitleText {
	float: left;
	color: #ffffff;
	font-size: 160%;
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding: 0.4em;
	font-weight: normal;
}

div.addToBasketMainContainer {
	width:747px;
	background: #FFFFFF;
	text-align: center;
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #b1b2b3;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #b1b2b3;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #b1b2b3;
}

div.addToBasketMain {
	float: left;
	width: 737px;
	height: 577px;
	padding-left: 45px;

}

div.addToBasketTop {
	float: left;
}

div.addToBasketProductContainer {
	float: left;
	width: 210px;
	color: #636466;
	text-align: left;
	margin-top: 2.6em;
}

h3.addToBasketProductAddedText {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 160%;
}

div.addToBasketProductLineContainer {
	height: 212px;
	width: 100%;
}

div.addToBasketProductAddedTitle {
	color: #8e9b72;
	font-size: 120%;
}

span.addToBasketProductSubText {
	font-size: 80%;
	margin-top: 0.3em;
}

div.addToBasketProductPriceText {
	font-size: 80%;
	margin-top: 0.5em;
	padding-bottom: 20px;
}

div.addToBasketContinueButton {
	font-size: 140%;
	background-color: #15487e;
	color: #ffffff;
	width: 196px;
	padding: 0.5em;
	cursor: pointer;
	margin-top: 1em;
	text-align: center;
}

div.addToBasketImage {
	float: left;
	margin-top: 6em;
	margin-left: 5px;
	margin-right: 5px;
}

div.addToBasketSummary {
	float: left;
	color: #636466;
	text-align: left;
	margin-top: 2.7em;
	width: 203px;
	height: 285px;
	margin-left: 1em;
}

div.addToBasketSummaryContainer {
	width:100%;
	height: 196px;
}	

h3.addToBasketSummaryTitle {
	padding: 0px
	margin: 0px;
	font-weight: bold;
	font-size: 160%;
	float: left;
	width: 100%;
}

div.addToBasketSummaryItems {
	font-size: 130%;
	margin-top: 0.6em;
	float: left;
	width: 130px;
}

div.addToBasketSummaryNumber {
	font-size: 130%;
	margin-top: 0.6em;
	float: left;
	width: 60px;
	text-align: right;
}

div.addToBasketSummaryListTop {
	font-size: 130%;
	margin-top: 0.6em;
	width: 100%;
	float: left;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	color: #939598;
	padding-top: 0.6em;
}

div.addToBasketSummaryListItem {
	font-size: 120%;
	margin-top: 0.7em;
	width: 100%;
	float: left;
	color: #939598;
}

div.addToBasketSummarySubtotal {
	font-size: 130%;
	margin-top: 0.4em;
	width: 100%;
	float: left;
	border-top-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 0.4em;
}

div.addToBasketSummarySubtotalText {
	padding: 0px;
	margin: 0px;
	margin-top: 0.6em;
	float: left;
	width: 60%;
}

div.addToBasketSummarySubtotalPrice {
	padding: 0px;
	margin: 0px;
	margin-top: 0.6em;
	float: right;
	text-align: right;
	width: 40%;
}

div.addToBasketCheckoutNow {
	font-size: 140%;
	background-color: #15487e;
	color: #ffffff;
	width: 100%;
	padding: 0.5em;
	cursor: pointer;
	margin-top: 0.8em;
	float: left;
	text-align: center;
}

div.addToBasketMiddle {
	font-size: 160%;
	background-color: #99b5cc;
	color: #ffffff;
	padding: 0.2em;
	margin-bottom: 0.4em;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	float: left;
	width: 100%;
	font-weight: bold;
	font-style: italic;
}

div.addToBasketBottom {
	color: #ffffff;
	text-align: left;
	float: left;
	width: 645px;
}

/* Add To Basket Cross Sells */

div.addToBasketCrossSellBox {
	float: left;
	cursor: pointer;
	margin-top: 1em;
	width: 188px;
}

div.addToBasketCrossSellBoxTitle {
	background-color: #d91c5c;
	font-size: 140%;
	padding: 0.3em;
}


div.addToBasketCrossSellBoxContainer {
	background-image: url(../images/content/add_to_basket/background1.jpg);
	height: 121px;
}

div.addToBasketCrossSellBoxText{
	font-size: 110%;
	padding-top: 0.6em;
	padding-left: 0.6em;
}

/********************************************************************************/
/* RAA Calendar */
/********************************************************************************/

#raaCalendar {
	font-size: 90%;
	border: 1px solid #003d7c;
	width: 212px;
	padding: 0px;
	margin: 0px;
	height: 178px;;
	background: #FFFFFF;
	text-align: center;
	float: left;
	display: block;
}


div.raaCalendarRowContainer {
	width: 100%;
	display: block;
	float: left;
 	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #FFFFFF;
}

div.raaCalendarRowContainerHeader {
	width: 100%;
	display: block;
	float: left;
 	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 3px;
	background: #003d7c;
}

div.raaCalendarCellHeader {
	text-align:center;
	width:30px;
	float: left;
 	height: 18px;
	margin: 0px;
}

div.raaCalendarCellDOTW {
	text-align:center;
	width:30px;
	float: left;
 	height: 18px;
	margin: 0px;
	background: #FFFFFF;
	color: #003d7c; 
}

div.raaCalendarRowContainerFooter {
	width: 100%;
	display: block;
	float: left;
 	height: 20px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #003d7c;
	padding-bottom: 5px;
}

div.raaCalendarCell {
	text-align:center;
	width:30px;
	float: left;
 	height: 18px;
	margin: 0px;
	background: #003d7c;
	color: #003d7c;
	font-size: 110%;

}

div.raaCalendarCellAvailableDate {
	text-align:center;
	width:30px;
	float: left;
 	height: 18px;
	margin: 0px;
	color: #003d7c;
	font-size: 110%;
	background-image: url(../images/global/raa_calendar_ok.jpg);
}

div.raaCalendarUnavailableDate {
	float: left;
	width:30px;
  	height: 18px;
	margin: 0px;
	background-image: url(../images/global/raa_calendar_strike.jpg);
	color: #003d7c;
	font-size: 110%;
}

div.raaCalendarToday {
	background: #f6ff00;
	float: left;
	width:30px;
  	height: 18px;
	margin: 0px;
}

div.raaCalendarPadder {
	background: #ffffff;
	float: left;
	width:30px;
 	height: 18px;
	margin: 0px;
}

div.raaCalendarTitle {
	text-align:center;
	font-weight: bold;
	width:100%;
	float: left;
 	height: 18px;
	padding-top: 2px;
}

a.raaCalendar {
	text-align:center;
	font-weight: normal;
	width:100%;
	text-decoration: none;
	color: #003d7c;
	padding-top: 1px;
}

a.raaCalendarHeader {
	text-align:center;
	font-weight: normal;
	width:100%;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 2px;
}

#raaCalendar select {
	text-align:left;
	font-weight: normal;
	text-decoration: none;
	color: #003d7c;
	font-size: 100%;
}

/********************************************************************************/
/* What Do These Letters Mean */
/********************************************************************************/

span.wdtmlContainer {

}

div.wdtmlOutputContainer {
	background: #e5ebf2;
	position: absolute;
	color: #003d7c;
	z-Index: 200;
	text-align: left;
	padding: 5px;
	border: 1px solid #003d7c;
	width: 200px;
}

div.wdtlmTitle {
	font-size: 90%;
	text-align: left;
	padding-left: 5px;
	font-weight: bold;	
}

div.wdtlmContent {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	width: 100%;
	font-size: 120%;
	text-align: left;
	padding: 5px;
}

span.wdtlmContentBig {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 160%;
	font-weight: bold;
}

div.wdtlmReadMore {
	width: 100%;
	text-align: right;
	padding-right: 2px;
}

a.wdtlmReadMore {
	text-decoration: none;
	color: #003d7c;
}

a.wdtlmReadMore:hover {
	text-decoration: underline;
}


/********************************************************************************/
/* System Message */
/********************************************************************************/

div.systemMessageContainer {
	width: 100%;
	text-align: center;;
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	float: left;
}

div.systemMessageInner {
	margin-left:auto;
	margin-right:auto;
	width: 90%;
}

div.systemMessageError {
	font-size: 100%;
	color: #FF0000;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	border: 1px solid #003d7c;
	background: #ffeff1;
	padding: 10px;
}

div.systemMessage {
	font-size: 100%;
	color: #003d7c;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	border: 1px solid #003d7c;
	background: #eeedfc;
	padding: 10px;
}

a.systemMessage {
	color: #003d7c;
	text-decoration: underline;
	font-weight: bold;	
}

div.systemMessageInner {
	min-height:10px;
}

ul.systemMessage {
	list-style: disc;
	padding-top: 10px;
	margin-top: 0px;
}

ul.systemMessageInner {
	list-style: lower-roman;
	padding-top: 10px;
	margin-top: 0px;
}


/********************************************************************************/
/* Search */
/********************************************************************************/

input.mainPageHeaderSearchBox {
	width: 150px;
	border: 1px solid #a5acb2;
}

input.mainPageHeaderSearchBoxError {
	width: 150px;
	border: 1px solid #a5acb2;
	background: #FF0000;
}


/********************************************************************************/
/* Editorial Container */
/********************************************************************************/

div.editorialContainer {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div.editorialInner {
	width: 100%;
	float: left;
	padding: 0px;
	margin: 0px;
}



/********************************************************************************/
/************************* TEMP  ******************************/
/********************************************************************************/


	div.teaAndCoffeeSocietyMainPageContainer {
		width: 100%;
	}

	div.teaAndCoffeeSocietySubscriptionMonthContainer {
		width: 100%;
		float: left;
	}

	div.teaAndCoffeeSocietySubscriptionMonth {
		width: 33%;
		float: left;
		background: red;
		
	}

	div.teaAndCoffeeSocietySubscriptionSectionContainer {
		width: 100%;
		float: left;
	}

	div.teaAndCoffeeSocietySubscriptionItemSectionTitle {
		width: 100%;
		font-size: 150%;
		font-weight: bold;
		float: left;
	}

	div.teaAndCoffeeSocietySubscriptionItemSubTitle {
		width: 100%;
		font-size: 120%;
		font-weight: bold;
		float: left;
	}

	img.TACSSubscriptionItem {
		border: 0px;
	}
	
	img.TACSSubscriptionItemSelected {
		border: 2px solid #FF0000;
	}

	div.teaAndCoffeeSocietySubscriptionItemContainer {
		width: 23%;
		float: left;
		text-align: center;
		height: 130px;
	}

	div.teaAndCoffeeSocietySubscriptionItemImage {
		height: 80px;
		width: 80px;
		
	}

	div.teaAndCoffeeSocietySubscriptionItemTitle {
		font-size: 10px;
		font-weight: normal;
	}



/******************************************************************************/