﻿* /*Global Whitespace reset*/
{
	margin: 0;
	padding: 0;
}

/*************************/
/* General styles */
/*************************/
body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
}

.sessionID
{
	font-size: 60%;
	clear: left;
	display: none;
}

div#wrapper
{
	border: 1px solid silver;
	width: 950px;
	margin: 20px auto;
	padding: 25px;
}

a
{
	text-decoration: none;
	color: #FFFFFF;
}

.imageLink
{
	border: none;
}

.validationHighlight
{
	background-color: #FFFACD; /*highlighted pale yellow*/
}

.redSubmitButton
{
	background-color: #FF0000; /* 11 - Red */
	color: #FFFFFF;
	padding: 0;
	font-weight: bold;
	font-size: 70%;
	border: 1px silver outset;
}

.greySubmitButton
{
	background-color: #96AAB4; /* 4 - Dark grey */
	color: #FFFFFF;
	padding: 0;
	font-weight: bold;
	font-size: 70%;
	border: 1px silver outset;
}

.pageHeader
{
	color: #454545; /* 12 - Text Dark Grey */
	font-weight: bold;
	font-size: 110%;
	display: block;
	margin: 10px 0 5px 0;
}

p.pageIntro
{
	font-weight: bold;
}

.progressIndicator
{
	width: 150px;
	height: 50px;
	border: 1px solid #8FD8F6; /* 1 - Light Blue */
	text-align: center;
	float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -75px;
	background-color: #FFFFFF;
}

.progressText
{
	font-size: 80%;
	color: #454545; /* 12 - Text Dark Grey */
}

.smallPrint1
{
	font-size: 80%;
}

.smallPrint2
{
	font-size: 60%;
}

.errorDesc
{
	font-size: 70%;
}

.errorHomeLink
{
	color: #009DE2; /* 2 - Dark Blue */
	font-size: 70%;
	text-decoration: underline;
}

.paymentWarning
{
	font-size: 70%;
	color: #FF0000; /*Red*/
	background-color: #FFFFFF;
	float: right;
}

.paymentWarningCentre
{
	font-size: 70%;
	color: #FF0000; /*Red*/
	background-color: #FFFFFF;
}
/*************************/
/* End of general styles */
/*************************/

/*************************/
/* Header section styles */
/*************************/
div#header
{
	text-align: left;
}

a.imageLink
{
	display: block;
	margin: 0;
	padding: 0;
	border: none;	
}

div#header > img
{
	border: none;
	margin: 0;
	padding: 0;
}

div#headerNavigationContainer
{
	background-color: #009DE2; /* 2 - Dark Blue */
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	width: 450px;
	height: 25px;
	font-size: 70%;
	font-weight: bold;
	clear: left;
}

div#headerNavigation
{
	height: 100%;
	background-color: #8FD8F6; /* 1 - Light Blue */
	color: #FFFFFF;
	text-align: left;
	padding: 0;
}

div#headerNavigation> ul
{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	display: block;
}

li.headerNavItem
{
	display: inline;
}

li.headerNavItem > a:hover
{
	text-decoration: underline;
}

li.headerNavSeparator
{
	display: inline;
	color: #009DE2; /* 2 - Dark Blue */
}

/*Login Box*/
div#loginBoxContainer, div#basketSummaryContainer
{
	width: 210px;
	height: 120px;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	background-color: #96AAB4; /* 4 - Dark grey */
	float: right;
}

div#loginBox, div#basketSummary
{
	background-color: #C1CFD6; /* 3 - Light Grey */
	text-align: right;
	height: 100px;
	padding: 10px;
}

div.loginControlPositionDiv, div.basketControlPositionDiv
{
	height: 60px;
}

.basketControlPanel
{
	width: 100%;
	height: 100%;
}

.boxHeader
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 100.01%;
}

.loginLabel, .basketSummaryLabel
{
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
}

.loginTextBox
{
	width: 120px;
	margin: 5px 0 0 0;
}

.loginLink
{
	float: left;
	font-size: 60%;
	clear: left;
	text-decoration: underline;
	color: #000000;
}
/*Basket Summary*/
.basketIcon
{
	position: absolute;
	top: 50px;
	display: none;
}

.basketSummaryLabel
{
	float: left;
	margin: 5px 0 5px 0;
}

.basketSummaryCalc
{
	margin: 5px 0 0 0;
	float: right;
	clear: right;
	font-size: 80%;
	font-weight: bold;
}

.basketControlPanel > .greySubmitButton
{
	width: 85px;
	margin: 0 10px 0 0;
	float: left;
}
/*************************/
/* End of header styles */
/*************************/

/*************************/
/* Left Column section styles */
/*************************/
div#leftColumn
{
	margin: 10px 0 10px 0;
	width: 230px;
	float: left;
	color: #FFFFFF;
}

div#leftColumnNavigation
{
	text-align: left;
}

div#leftNavHeader
{
	background-color: #5E9746; /* 6 - Dark Green */
	font-size: 100.01%;
	font-weight: bold;
	height: 19px;
	padding: 4px;
}

div.leftNavItemContainer
{
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	height: 27px;
	background-color:  #5E9746; /* 6 - Dark Green */
}

div.leftNavItem, div.leftNavSelectedItem
{
	background-color: #C3D257; /* 5 - Light Green */
	height: 100%;
	width: 210px;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	/*padding: 5px;*/
}

div.leftNavItem > a, div.leftNavSelectedItem > a
{
	width: 200px;
	display: block;
	padding: 5px;
}

div.leftNavItem > a:hover, div.leftNavSelectedItem > a:hover
{
	text-decoration: underline;
}

div.leftNavSelectedItem, div.selectedOver
{
	background-color: #5E9746; /* 6 - Dark Green */
}

img.leftNavArrow
{
	float: right;
	margin: 0;
	padding: 0;
	border: none;
}

div.leftNavItem > ul, div.leftNavSelectedItem > ul
{
	display: none;
}

div.leftNavItem:hover > ul, div.leftNavSelectedItem:hover > ul
{
	display: block;
}

ul.leftNavSubSectionUL
{
	background-color: transparent;
	display: inline;
	position: relative;
	left: 210px;
	top: -26px;
	width: 220px;
	border: 1px silver outset;
}

li.leftNavSubSectionLI
{
	text-transform: none;
	background-color: #5E9746; /* 6 - Dark Green */
	display: block;
	margin: 0;
	padding: 2px;
	border: 1px solid #C3D257; /* 5 - Light Green */
}

li.leftNavSubSectionLI a
{
}

li.leftNavSubSectionLI a:hover
{
	text-decoration: underline;
}

/*Search Box*/
div#searchBoxContainer
{
	width: 210px;
	height: 120px;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	background-color: #5D8F89; /* 8 - Dark Turqoise */
	float: right;
}

div.searchBox
{
	background-color: #7DC7BA; /* 7 - Light Turqoise */
	color: #000000;
	text-align: right;
	height: 100px;
	padding: 10px;
}

div.searchControlPositionDiv
{
	height: 60px;
}

.searchDropDown
{
	width: 189px;
	margin: 5px 0 0 0;
}

.searchTextBox
{
	width: 185px;
	margin: 5px 0 0 0;
}

.searchLink
{
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 70%;
	float: left;
}
/*************************/
/* End of left Column styles */
/*************************/

/*************************/
/* Main Section Styles */
/*************************/
div#mainContent
{
	margin: 10px 0 10px 0;
	padding: 0;
	float: right;
	width: 710px;
	text-align: left;
	font-size: 100.01%;
}

div#mainContent > img
{
	margin: 0;
	padding: 0;
	border: none;
}

div#mainContent > p
{
	font-size: 70%;
	color: #454545; /* 12 - Text Dark Grey */
}

div#mainContent > p.smallPrint1
{
	font-size: 80%;
}

div#breadCrumbBarDiv
{
	height: 15px;
	padding: 6px;
	margin: 0 0 5px 0;
	width: 698px;
	/*float: right;*/
	background-color: #C3D257; /* 5 - Light Green */
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 70%;
	clear: both;
}

div#breadCrumbBarDiv a
{
	color: #454545; /* 12 - Text Dark Grey */
}

div#breadCrumbBarDiv a.currentBreadcrumb
{
	font-weight: bold;
}

div#breadCrumbBarDiv a:hover
{
	text-decoration: underline;
}

div.pageHeaderDiv
{
	height: 19px;
	padding: 4px;
	margin: 0 0 5px 0;
	width: 702px;
	/*float: right;*/
	background-color: #C3D257; /* 5 - Light Green */
	color: #FFFFFF;
	font-size: 100.01%;
	font-weight: bold;
	clear: both;
}
/**********/
/*Homepage*/
/**********/
img.homepageMainImage
{
	
}

/* NEW PRODUCTS*/
div#divNewProducts
{
	float: right;
	width: 210px;
	height: 430px;
	clear: right;
	margin: 0 0 10px 10px;
	padding: 0 0 0 20px;
	background-color: #AA0000;
	color: #FFFFFF;
	text-align: right;
}

div#divNewProductsInner
{
	margin: 0;
	background-color: #FE0000;
	height: 420px;
	padding: 5px;
}

ul.ulNewProducts
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.ulNewProducts > li
{
	margin: 5px 0 0 0;
	display: block;
	padding: 0;
	list-style-type: none;
}

div.divNewProductBG
{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	height: 95px;
	text-align: left;
}

div.divNewProduct
{
	padding: 5px;
	font-weight: normal;
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 60%;
}

div.divNewProduct > img
{
	width: 75px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	clear: none;
}

.lblNewProductHeader
{
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 120%;
	font-weight: bold;
}

div.divNewProductDesc
{
	height: 60px;
}

div.divNewProductMoreInfo
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.lnkNewProductMoreInfo
{
	color: #009DE2; /* 2 - Dark Blue */
	font-weight: bold;
	text-decoration: underline;
}
/* END OF NEW PRODUCTS*/

div#specialOfferBoxContainer
{
	width: 210px;
	height: 120px;
	padding: 0 0 0 20px;
	margin: 8px 0 0 10px;
	background-color: #EB6A04; /* 10 - Dark Orange */
	float: right;
	clear: right;
}

div#specialOfferBox
{
	background-color: #FF9C04; /* 9 - Light Orange */
	color: #000000;
	text-align: right;
	height: 100px;
	padding: 10px;
}

div#specialOfferBox > a
{
	margin: 0;
	float: left;
	border: none;
}

div#specialOfferBox > img
{
	float: left;
	margin: 10px 0 0 0;
}

div#clearanceLinesBoxContainer
{
	width: 210px;
	height: 100px;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	background-color: #5E9746; /* 6 - Dark Green */
	float: right;
	clear: right;
}

div#clearanceLinesBox
{
	background-color: #C3D257; /* 5 - Light Green */
	color: #000000;
	text-align: right;
	height: 90px;
	padding: 5px;
}

div#clearanceLinesBox > a
{
	margin: 0;
	float: left;
	border: none;
}

div#clearanceLinesBox > img
{
	float: left;
	margin: 5px 0 0 0;
	border: none;
}

p.boxText
{
	font-size: 70%;
	color: #454545; /* 12 - Text Dark Grey */
}

.moreInfo
{
	font-weight: bold;
	color: #FFFFFF;
}

.homepageIntro
{
	/*margin: 0 0 0 10px;
	padding: 0 0 0 10px;*/
	margin: 0 10px 0 0;	
}

.standardHomePageText
{
	/*margin: 5px 10px 0 0;*/
	margin: 0 10px 0 0;	
}

.oldPremisesImg
{
	float: left;
	margin: 5px 5px 0 0;
}

.newPremisesImg
{
	float: right;
	margin: 5px 10px 0 5px;
}

/**************/
/*Section Page*/
/**************/
#sectionHeader
{
	float: right;
}

.sectionHeaderImage
{
	float: right;
}

div#sectionIntroContainer
{
	width: 210px;
	height: 250px;
	padding: 0 0 0 20px;
	background-color: #EB6A04; /* 10 - Dark Orange */	
	float: right;
	display: none;
}

div#sectionIntro
{
	width: 190px;
	height: 230px;
	background-color: #FF9C04; /* 9 - Light Orange */
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}

.sectionHeader
{
	text-transform: lowercase;
	font-size: 200%;
	line-height: 30px;
}

.sectionDescription
{
	font-size: 70%;
}

ul.subSectionBoxUL
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.subSectionBoxUL > li
{
	display: inline;
	float: left;
	font-weight: bold;
}

ul.subSectionBoxUL > li > a
{
	width: 230px;
	height: 23px;
	padding: 4px 0 0 0;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	text-align: center;
	display: block;
}

ul.subSectionBoxUL > li > a:hover
{
	background-color: #4C4C4C; /* 13 - Dark Grey (SubSections) */
}

/*****************/
/*Subsection Page*/
/*****************/
div#subSectionContent
{
	clear: both;
	text-align: left;
}

div#subSectionContent > ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#subSectionContent > ul > li
{
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	display: inline;
	float: left;
}

div.productBoxContainer
{
	text-align: center;
	width: 170px;
	height: 197px;
}

div.productBoxContainer > a
{
	display: block;
	margin: 0;
	padding: 1px;
	width: 168px;
	height: 195px;
	font-weight: bold;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
}

div.productBoxContainer > a:hover
{
	background-color: #4C4C4C; /* 13 - Dark Grey (SubSections) */
}

div.productImageBox
{
	background-color: #FFFFFF;
	height: 148px;
	width: 148px;
	padding: 10px;
	cursor: default;
}

div.productTextBox
{
	padding: 5px 0 5px 0;
	height: 17px;
	font-size: 80%;
	cursor: pointer;
}

/**************/
/*Product Page*/
/**************/
div#productImageContainer
{
	width: 230px;
	text-align: center;
	clear: left;
	margin: 0 10px 5px 0;
	float: left;
}

div#productImageBox
{
	height: 238px;
	margin: 0 0 5px 0;
	border: 1px solid #B3B3B3; /* 12 - Light Grey (SubSections) */
}

div#productImage
{
	margin: 0;
	height: 210px;
}

div#productImageCaptionBox
{
	margin: 5px 0 0 0;
	width: 100%;
	height: 20px;
	padding: 2px 0 2px 0;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	font-weight: bold;
	color: #FFFFFF;
}

div#imageControlBox
{
	margin: 0 0 0 0;
	width: 228px;
	background-color: #FF9C04; /* 9 - Light Orange */
	color: #FFFFFF;
	height: 23px;
	padding: 1px;
	font-weight: bold;
}

.ImageControlText
{
	display: block;
	margin: 2px;
}

.prevProductImageButton
{
	float: left;
	display: inline;
	background-image: url('images/productImagePrev.gif');
	width: 23px;
	height: 23px;
}

.nextProductImageButton
{
	float: right;
	display: inline;
	background-image: url('images/productImageNext.gif');
	width: 23px;
	height: 23px;
}

.allImagesLink
{
	color: #009DE2; /* 2 - Dark Blue */
	text-decoration: underline;
	cursor: pointer;
	font-size: 90%;
	clear: left;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.imageGrid
{
	border: 1px solid #7DC7BA; /* 7 - Light Turquoise */
	width: 495px;
	height: 500px;
	overflow: scroll;
	background-color: white;
}

.imageGridHeader
{
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	color: white;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	font-size: 70%;
}

.imageGridHeader > a
{
	color: #FFFFFF;
	font-weight: bold;
}
.imageGridHeader > a:hover
{
	text-decoration: underline;
}


.imageGridUL
{
	list-style-type: none;
	margin: 0 0 5px 5px;
}

.imageGridUL > li
{
	display: inline;
	float: left;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	margin: 5px 5px 0 0;
}

div.imageGridContainerDiv
{
	width: 150px;
	height: 170px;
	padding: 1px 1px 0 1px;
}

div.imageGridImageDiv
{
	background-color: #FFFFFF;
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
}

div.imageGridImageDiv > img
{
	margin: 0;
	padding: 0;
	border: none;
}

div.imageGridTextDiv
{
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	color: #FFFFFF;
	height: 20px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;

}

.supplierLogo
{
	margin: 5px 0 0 10px;
	padding: 0;
	/*float: right;*/
}

.supplierLabel
{
	/*float: right;*/
	margin: 5px 0 0 10px;
	font-weight: bold;
	color: #454545; /* 12 - Text Dark Grey */
}

.catFeaturedContainerPanel
{
	float: right;
	width: 250px;
	font-size: 50%;
	color: #454545; /* 12 - Text Dark Grey */
}

.catFeaturedPanel
{
	display: inline;
	float: right;
	text-align: center;
	margin: 0 0 0 20px;
}

.catFeaturedHead
{
	display: block;
}

.catFeaturedPanel > img
{
	display: block;
}

.catFeaturedFoot
{
	
}

div#productDetailsContainer
{
	clear: left;
}

.productSubHeading
{
	font-size: 80%;
	color: #454545; /* 12 - Text Dark Grey */
}

.productSubHeadingSeparator
{
	font-weight: bold;
	color: #EB6A04; /* 10 - Dark Orange */
}

.productCodeTable
{
	font-size: 70%;
	margin: 5px 0 5px -3px;
	padding: 0;
	display: block;
	clear: left;
}

.tblCodeHeader, .tblDescHeader, .tblDataHeader, .tblPackSizeHeader, .tblPriceHeader, .tblQHeader
{
	color: #FFFFFF;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-weight: bold;
	height: 18px;
	padding: 2px 0 2px 4px;
}

.tblPackSizeHeader, .tblPriceHeader, .tblQHeader
{
	text-align: center;
	padding-left: 0;
}

.tblCodeHeader, .tblPackSizeHeader, .tblPriceHeader
{
	width: 70px;
}

.tblDescHeader
{
	width: 150px;
}

.tblDataHeader
{
	width: 70px;
}

.tblQHeader
{
	width: 50px;
}

.productCodeTable td
{
	color: #454545; /* 12 - Text Dark Grey */
	background-color: #E6E6E6; /* 12 - Light Grey (Product Codes) */
}

.tdLeft
{
	text-align: left;
	padding: 1px 0 1px 4px;
}

.tdCentre
{
	text-align: center;
}

.productCodeLabel
{
	font-weight: bold;
}

.productCodeLabelRed
{
	font-weight: bold;
	color: #FF0000;
}

.productCodeQuantityBox
{
	width: 30px;
	text-align: center;
	font-size: 90%;
}

tr.moreInfoRow, td.moreInfoCell
{
	margin: 0;
	padding: 0;
	height: 0;
	border: none;
	background-color: #FFFFFF;
	/*display: none;*/
}

.addInfoBody
{
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	color: #FFFFFF;
	margin: 0 0 0 0;
}

.expandCollapseImage
{
	float: right;
	width: 55px;
	height: 13px;
	margin: 1px 3px 0 0;
}

.addToBasketButton
{
	clear: both;
	width: 78px;
	height: 33px;
	background-image: url('images/addToBasket.gif');
	display: block;
}

/***********************/
/*Generic Form Controls*/
/***********************/
div#formContent	
{
	display: block;
}

p.formIntro
{
	font-size: 70%;
}

span.formIntro
{
	font-size: 70%;
}

.formLabel
{
	font-size: 70%;
	float: left;
	width: 120px;
	margin: 5px 0 0 0;
}

.formTextBox
{
	width: 200px;
	font-size: 70%;
	margin: 5px 0 0 0;
}

.formTextArea
{
	width: 300px;
	height: 150px;
	font-size: 70%;
	margin: 5px 0 0 0;
}

.formLink
{
	font-size: 70%;
	color: #009DE2; /* 2 - Dark Blue */
	font-weight: bold;
	cursor: pointer;
}

.formLink:hover
{
	text-decoration: underline;
}

.formResult
{
	display: block;
	margin: 5px 0 0 0;
	font-size: 70%;
	color: red;
	font-weight: bold;
	clear: both;
}

/*Terms and conditions*/
div.textPageContent
{
	display: block;
	font-size: 70%;
	color: #454545; /* 12 - Text Dark Grey */
}

div.textPageContent ol
{
	list-style-type: decimal;
	list-style-position: inside;
	margin: 10px 0 0 10px;
}

div.textPageContent > ol > li
{
	margin: 10px 0 10px 0;
}

div.textPageContent ul
{
	list-style-type: none;
	list-style-position: inside;
	margin: 5px 0 0 5px;
}

div.textPageContent h4
{
	font-size: 100.01%;
	color: #009DE2; /* 2 - Dark Blue */
}

/*****************/
/*My Account Page*/
/*****************/
.myAccountTabPanel
{
	font-size: 110%;
}

.myAccountTabInnerContainer
{
	font-size: 120%;
	margin: 0;
	padding: 0;
}

.myAccountUL
{
	margin: 0 0 0 15px;
	list-style-type: disc;
	padding: 0;
}

.myAccountLabel
{
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 80%;
}

.myAccountLink
{
	color: #009DE2; /* 2 - Dark Blue */
	font-size: 80%;
}

.myAccountLink:hover
{
	text-decoration: underline;
}

.myAccountSeparator
{
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 80%;
}

.addressDetailPanel
{
	margin: 10px 10px 10px 0;
}

.addAddressPopup
{
	background-color: #FFFFFF;
	color: #454545; /* 12 - Text Dark Grey */
	font-size: 100.01%;
	width: 380px;
	height: 355px;
}

.addAddressPopupHeader
{
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	font-size: 80%;
	cursor: move;
}

.addressPopupInner
{
	padding: 10px;
}

.addAddressPopupHR
{
	clear: both;
}

.addAddressIntro
{
	font-size: 70%;
}

.accOrderHistory
{
	display: block;
	visibility: visible;
}

.accOrderHistoryHeader
{
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-size: 80%;
	padding: 4px;
	margin: 5px 0 0 0;
}

.accOrderHistoryHeader > a
{
	text-decoration: none;
	color: #FFFFFF;
}

.accOrderHistoryHeader > a:hover
{
	text-decoration: underline;
}

.accOrderHistoryHeaderSelected
{
	background-color: #5D8F89; /* 8 - Dark Turqoise */
	font-size: 80%;
	padding: 4px;
	margin: 5px 0 0 0;
}

.accOrderHistoryContent
{
	border: 1px solid #7DC7BA; /* 7 - Light Turquoise */
	padding: 10px;
	margin: 0 0 5px 0;
	color: #454545; /* 12 - Text Dark Grey */
}

.orderItemBold
{
	font-weight: bold;
	color: #454545; /* 12 - Text Dark Grey */
}

.tblOrderHistoryItems
{
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
	width: 100%;
}

.tblOrderHistoryItems td, .tblOrderHistoryItems th
{
	border: none;
}

.tblOrderHistoryItemsHead
{
	color: #FFFFFF;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-weight: bold;
	height: 18px;
	padding: 2px 0 2px 4px;
	border: none;
}

.tblOrderHistoryItemsRow
{
	color: #454545; /* 12 - Text Dark Grey */
	background-color: #E6E6E6; /* 12 - Light Grey (Product Codes) */
	border: none;
}

.orderTotalDiv
{
	float: right;
	margin: 0 10px 0 0;
}

div.orderItemSummaryDiv
{
	font-size: 70%;
}

div.orderItemAddressDiv
{
	font-size: 70%;
	margin: 10px 0 10px 0;
	clear: both;
}
/*****************/
/*Shopping Basket*/
/*****************/
.tblShoppingBasket
{
	font-size: 70%;
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
	width: 100%;
}

.tblShoppingBasket th, .tblShoppingBasket td, .tblShoppingBasket tr
{
	border: none;
}

.tblShoppingBasketHeader
{
	color: #FFFFFF;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-weight: bold;
	height: 18px;
	padding: 2px 0 2px 4px;
	border: none;
}

.thBasketDesc, .tdBasketDesc
{
	text-align: left;
	padding: 1px 0 1px 4px;
	width: 250px;
	border: none;
}

.thBasketCode, .tdBasketCode
{
	text-align: left;
	padding: 1px 0 1px 4px;
	width: 100px;
	border: none;
}

.thBasketPrice, .thBasketQ
{
	width: 75px;
	border: none;
}
/*
.tdBasketQ
{
	text-align: left;
}*/

.tdBasketDesc > a, .tdBasketCode > a
{
	color: #454545; /* 12 - Text Dark Grey */
}

.tdBasketDesc > a:hover, .tdBasketCode > a:hover
{
	text-decoration: underline;
}

.thBasketRemove, .tdBasketRemove, tf.BasketRemove
{
	width: 75px;
	border: none;
}

.tdBasketRemove > a
{
	font-weight: bold;
	color: #454545; /* 12 - Text Dark Grey */
}

.tdBasketRemove > a:hover
{
	text-decoration: underline;
}


.tblShoppingBasketRow
{
	color: #454545; /* 12 - Text Dark Grey */
	background-color: #E6E6E6; /* 12 - Light Grey (Product Codes) */
	border: none;
}

.basketTextBox
{
	width: 30px;
	text-align: center;
}

.tfBasketHeader, .tfBasketHeaderCenter
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5D8F89; /* 8 - Dark Turqoise */
	border: none;
	height: 20px;
	text-align: right;
	padding: 0 3px 0 0;
}

.tfBasketHeaderCenter
{
	text-align: center;
	padding: 0;
	border: none;
}

.tfBasket
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	border: none;
	height: 20px;
}

.tfBasketHeaderCenter> a
{
	
}

.tfBasketHeaderCenter > a:hover
{
	text-decoration: underline;
}

div#basketControlsDiv
{
	float: right;
	margin: 20px 0 0 0;
}

/******************/
/*Search Functions*/
/******************/
ul.atozHeaderUL
{
	list-style-type: none;
	font-size: 90%;
}

ul.atozHeaderUL> li
{
	display: inline;
}

ul.atozHeaderUL> li > a
{
	color: #009DE2; /* 2 - Dark Blue */
	text-decoration: underline;
}

ul.atozHeaderUL> li > a:hover
{
}

ul.atozUL
{
	list-style-type: disc;
	font-size: 70%;
	padding: 0;
	margin: 10px 0 0 10px;
}

ul.atozUL > li > a
{
	color: #454545; /* 12 - Text Dark Grey */
}

ul.atozUL> li > a:hover
{
	text-decoration: underline;
}

.tblSearchResults
{
	font-size: 70%;
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
	width: 100%;
}

.tblSearchResults th, .tblSearchResults td
{
	border: none;
}

.tblSearchResultsHeader
{
	color: #FFFFFF;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-weight: bold;
	height: 18px;
	padding: 2px 0 2px 4px;
	border: none;
}

.tblSearchResultsRow
{
	color: #454545; /* 12 - Text Dark Grey */
	background-color: #E6E6E6; /* 12 - Light Grey (Product Codes) */
	border: none;
}

.tblSearchResults td
{
	padding: 1px 0 1px 4px;
}

.tblSearchResults a
{
	color: #454545; /* 12 - Text Dark Grey */
}

.tblSearchResults a:hover
{
	text-decoration: underline;
}

/*******************/
/*Contact Us Styles*/
/*******************/
.contactLink
{
	color: #009DE2; /* 2 - Dark Blue */
	font-size: 70%;
	font-weight: bold;
}

.contactLink:hover
{
	text-decoration: underline;
}

.googleMapContainer
{
	width: 710px;
	height: 400px;
	margin: 5px 0 5px 0;
}

.googleMapInfoBox
{
	width: 150px;
	font-size: 70%;
	padding: 5px;
	color: #454545; /* 12 - Text Dark Grey */
}

.googleMapInfoBoxBold
{
	font-weight: bold;
}

.googleMapInfoBox a, .formIntro a
{
	color: #009DE2; /* 2 - Dark Blue */
	font-weight: bold;
}

.googleMapInfoBox a:hover, .formIntro a:hover
{
	text-decoration: underline;
}

/***********************/
/*Special Offers Styles*/
/***********************/
ul.specialOfferUL, ul.clearanceUL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.specialOfferUL > li, ul.clearanceUL > li
{
	float: left;
	display: inline;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
}

div.specialOfferContainerDiv, div.clearanceContainerDiv
{
	width: 228px;
	height: 200px;
	padding: 0 1px 1px 1px;
}

div.clearanceContainerDiv
{
	width: 228px;
	height: 185px;
	padding: 0 1px 1px 1px;
}

div.specialOfferContainerDiv > a, div.clearanceContainerDiv > a
{
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	font-weight: bold;
	overflow: hidden;
}

div.specialOfferContainerDiv > a:hover, div.clearanceContainerDiv > a:hover
{
	background-color: #4C4C4C; /* 13 - Dark Grey (SubSections) */
	cursor: pointer;
}

div.specialOfferHeaderDiv, div.clearanceHeaderDiv
{
	padding: 5px 0 5px 0;
	height: 30px;
	font-size: 90%;
	text-align: center;
}

div.clearanceHeaderDiv
{
	height: 30px;
	background-color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	font-weight: bold;
	color: #FFFFFF;
}

div.specialOfferLinkDiv, div.clearanceLinkDiv
{
	font-size: 70%;
	text-align: center;
	background-color: #FFFFFF;
	height: 15px;
	margin: 0;
	padding: 0;
}

div.specialOfferLinkDiv > a, div.clearanceLinkDiv > a
{
	font-weight: bold;
	background-color: #FFFFFF;
	color: #009DE2; /* 2 - Dark Blue */
}

div.specialOfferLinkDiv > a:hover, div.clearanceLinkDiv > a:hover
{
	text-decoration: underline;
	background-color: #FFFFFF;
}

div.specialOfferImageDiv, div.clearanceImageDiv
{
	float: left;
	/*display: inline;*/
	width: 145px;
	height: 145px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}

div.specialOfferImageDiv > img, div.clearanceImageDiv > img
{
	width: 140px;
	height: 140px;
	margin: 0 3px 0 2px;
	padding: 0;
	border: none;
}

div.specialOfferPriceDiv
{
	/*display: inline;*/
	float: left;
	width: 78px;
	padding: 18px 5px 0 0px;
	height: 127px;
	color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	background-color: #FFFFFF;
}

div.clearancePriceDiv
{
	float: left;
	width: 78px;
	padding: 5px 5px 0 0px;
	height: 140px;
	color: #B3B3B3; /* 12 - Light Grey (SubSections) */
	background-color: #FFFFFF;
}

.clearanceQuantityLabel
{
	font-size: 70%;
	font-weight: bold;
}

.clearanceQuantity
{
	font-weight: bold;
	text-decoration: underline;
	color: #FF0000;
	font-size: 110%;
}

.specialOfferUsualPriceLabel, .clearanceUsualPriceLabel
{
	font-size: 70%;
	font-weight: bold;
}

.specialOfferUsualPrice, .clearanceUsualPrice
{
	font-size: 100%;
	font-weight: bold;
	color: #8FD8F6; /* 1 - Light Blue */
	text-decoration: line-through;
	clear: right;
}

.specialOfferNowPriceLabel, .clearanceNowPriceLabel
{
	font-size: 80%;
	font-weight: bold;
	clear: left;
}

.specialOfferNowPrice, .clearanceNowPrice
{
	font-weight: bold;
	color: #009DE2; /* 2 - Dark Blue */
	font-size: 100%;
}

.specialOfferAddToBasket, .clearanceAddToBasket
{
	width: 78px;
	height: 33px;
	background-image: url('images/addToBasket.gif');
	display: block;
}

/*****************/
/*Checkout Styles*/
/*****************/
div#checkoutDeliveryAddressesDiv
{
	float: left;
	width: 300px;
}

div#checkoutBasketSummaryDiv
{
	float: right;
	width: 370px;
	border-left: 1px dotted #7DC7BA; /* 7 - Light Turquoise */
	padding: 0 0 0 20px;
}

.checkoutAddressLine
{
	display: block;
	font-size: 80%;
}

.tblCheckoutSummary
{
	font-size: 70%;
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
	width: 100%;
}

.tblCheckoutSummaryRow
{
	color: #454545; /* 12 - Text Dark Grey */
	background-color: #E6E6E6; /* 12 - Light Grey (Product Codes) */
	border: none;
}

.tblCheckoutSummary td, .tblCheckoutSummary th
{
	border: none;
}

.tblCheckoutSummaryHeader
{
	color: #FFFFFF;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	font-weight: bold;
	height: 18px;
	padding: 2px 0 2px 4px;
	border: none;
}

.thCheckoutDesc, .tdCheckoutDesc
{
	text-align: left;
	padding: 1px 0 1px 4px;
	width: 250px;
}

.thCheckoutCode, .tdCheckoutCode
{
	text-align: left;
	padding: 1px 0 1px 4px;
	width: 100px;
}

.thCheckoutPrice
{
	width: 75px;
}


.tfCheckoutHeader
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5D8F89; /* 8 - Dark Turqoise */
	border: none;
	height: 20px;
	text-align: right;
	padding: 0 3px 0 0;
}

.tfCheckout
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7DC7BA; /* 7 - Light Turquoise */
	border: none;
	height: 20px;
}

.paymentWaitMessage
{
	font-size: 80%;
	color: #454545; /* 12 - Text Dark Grey */
}

.invisiblePayButton
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: none;
}

.tblHidden
{
	display: none;
}
/************************/
/** End of main styles **/
/************************/

/*************************/
/* Footer section styles */
/*************************/
div#footer
{
	height: 50px;
	clear: both;
	margin: 0 0 0 0;
}

div#footerCatRequestContainer
{
	background-color: #EB6A04; /* 10 - Dark Orange */
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	width: 210px;
	height: 100%;
	float: left;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
}

div#footerCatRequest
{
	background-color: #FF9C04; /* 9 - Light Orange */
	padding: 10px 0 10px 70px;
	height: 30px;
}

img.catImage
{
	float: left;
	position: absolute;
	margin: -7px 0 0 5px;
}

div#footerCatRequest > a
{
	text-decoration: underline;
}

div#footerDetailsContainer
{
	background-color: #009DE2; /* 2 - Dark Blue */
	padding: 0 0 0 20px;
	width: 690px;
	height: 100%;
	float: left;
}

div#footerDetails
{
	background-color: #8FD8F6; /* 1 - Light Blue */
	height: 100%;
	text-align: right;
	font-size: 70%;
	font-weight: bold;
}

div#footerDetailsTextPositional
{
	padding: 4px 0 0 0;
	margin: 0 10px 0 0;
}

p.footerDetailsText
{
	color: #023469; /* IMS Logo Navy*/
}

span.separator
{
	color: #009DE2; /* 2 - Dark Blue */
}

div#footerDetails > img
{
	margin: 5px;
	float: right;
}

.footerCredit
{
	/*float: left;
	margin: 0 0 0 10px;*/
	color: #FFFFFF;
}

#cbaBlack
{
	font-weight: bold;
	color: black;
	background-color: #8FD8F6; /* 1 - Light Blue */
}

#cbaBlue
{
	font-weight: bold;
	color: #0082D0;
	background-color: #8FD8F6; /* 1 - Light Blue */
}
/*************************/
/* End of footer styles */
/*************************/