/*

All custom styles go in here.
Do not put custom styles in the template-styles.css
file as this might be overwritten if the standard template
is used and a colour change is put in place.
*/
#infoBox {
	margin-left: 5px;
}
#infoBox #infoBoxHead{
	background-color: #6689C9;
	background-image: url("images/info-top.gif");
	background-repeat: no-repeat;
	padding: 2px 2px 2px 5px;
	color: #FFFFFF;

}

#infoBox #infoBoxContent  {
	background-color: #A3C3FE;
	padding: 2px 2px 2px 5px;
}

#infoBox #infoBoxBase {
	background-image: url("images/nav-base.gif");
	background-repeat: no-repeat;
}

.directoryTable {

}

.directoryTable .directoryHeader {
	background-color: #cccccc;
	color: #333333;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOn {
	background-color: #ececec;
	padding: 2px 5px 2px 5px;
}

.directoryTable .directoryRowOff {
	background-color: #dddde3;
	padding: 2px 5px 2px 5px;
}

.formFields {
	border: 1px solid #333333;
	background-color: #cccccc;
	color: #333333;
}

.submitButton {
	border: 1px solid #333333;
	background-color: #cccccc;
	color: #333333;
}

/* STORE STYLES */

	/* Navigation Links */
	#content a.sectionButton:link , 
	#content a.sectionButton:visited ,
	#content a.sectionButton:hover {
		color: #27318b;
		text-decoration:none;
	}	
	
	#content a.sectionButton:hover {
		color: #333;
		text-decoration:underline;
	}
	
	#content .cookieCrumb {font-size:120%;font-weight:200;}
	#content .cookieCrumb a:link ,
	#content .cookieCrumb a:visited ,
	#content .cookieCrumb a:hover  {
		color: #27318b;
		text-decoration:none;
	}
	
	#content .cookieCrumb a:hover {
		color: #333;
		text-decoration:underline;
	}
	
	/* 	Store Category List Home 
		Styles contained in /modules/store/store-p-home.inc (client side)
	*/
	.storeListCategories {maring:0;padding:0;}
	.storeListCategories .storeHomeCategoryList td {height:100px;}
	.storeListCategories .storeCategoryImage {}
	.storeListCategories .storeCategoryTitle h2 {
		margin:0;
		padding:0;
		font-size: 200%;
		font-weight:200;
		text-transform:lowercase;
		text-transform:capitalize;
		margin-bottom:5px;
	}
	.storeListCategories .storeCategoryTitle h2 a {text-decoration: none;color:#27318b;}
	.storeListCategories .storeCategoryProductLink a:link , 
	.storeListCategories .storeCategoryProductLink a:visited , 
	.storeListCategories .storeCategoryProductLink a:hover {
		color:#27318b;
	}


	.categoryRow {
		padding-bottom: 0px;
	}
	.categoryRow a img {
		height: auto;
	}
	
	
	
	.categoryRow .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	
	.categoryRow .submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
	}

	/* Store Cart Styles */
	.storeCartContainer {font-size: 13px;font-family: "trebuchet ms", arial, sans-serif;}
	.storeCartContainer .storeCartColHeaders td.categoryRow  {
		margin:0;
		padding:0;
		border-bottom:1px solid #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCartContainer .storeCartOrderLines td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCartContainer .storeCartOrderLines td.categoryRow .removeLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
		text-decoration: none;
	}
	
	.storeCartContainer .storeCartOrderLines td.categoryRow .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	.storeCartContainer .storeCartSubTotal {}
	.storeCartContainer .storeCartUpdateButton {
		
	}
	.storeCartContainer .storeCartActionButtons input.submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:12px;
	} 
	.storeCartContainer .storeCartLineSpacer {}
	.storeCartContainer .storeCartActionButtons {
		margin:0;
		padding:0;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCartContainer .storeCartActionButtons .continueLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
		text-decoration: none;
	}
	.storeCartContainer .storeCartActionButtons .checkoutLink {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
		text-decoration: none;
	}
	
	.storeCartContainer .storeCartEmptyNotice {}
	
	/* Store Checkout Styles */
	.storeCheckoutContainer {}
	
	.storeCheckoutContainer .storeCheckoutComments {}
	.storeCheckoutContainer .storeCheckoutHeading td {
		margin:0;
		padding:0;
		border-bottom:1px solid #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutOrderLines td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutSubTotalLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutShippingLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px solid #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.storeCheckoutContainer .storeCheckoutTaxLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px dashed #ccc;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutOrderTotalLine td.categoryRow {
		margin:0;
		padding:0;
		border-bottom:1px solid #333;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.storeCheckoutContainer .storeCheckoutActionButton {
		text-align:right;
	}
	.storeCheckoutContainer .submitButtons , 
	.storeCheckoutContainer .storeCheckoutActionButton input.submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:12px;
	}
	
	.storeCheckoutContainer .storeCheckoutWarnings {
		margin:0;
		padding:0;
		border: 1px solid #333;
		width:450px;
		padding: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		color: #a00;
		font-weight: bold;		
	}
	
	.storeCheckoutPickupLabel {font-size:120%;font-weight:bold;}
	.storeDeliveryOptionDisplay {margin-bottom:10px;padding-left:5px;}
	.storeCheckoutBranchSelector {}

	/* Store Product List */
	h2.storeProductListHeading {
		margin:0;
		padding:0;
		font-size: 200%;
		font-weight:200;
		text-transform:lowercase;
		text-transform:capitalize;
		margin-bottom:5px;
		padding-bottom:2px;
		border-bottom: 1px solid #27318b;
	}
	
	.storeProductList .storeProdRow td {
		border-bottom: 1px dashed #ccc;
		margin-bottom:5px;
	}
	
	.storeProductList .storeProdDescCell h3.storeProdTitle {
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:200;
		margin-bottom:5px;
		margin-top:2px;
	}
	
	.storeProductList .storeProdPriceCell .storeProdPrice {
		margin:0;
		padding:0;
		font-size:140%;
		font-weight:200;
		margin-bottom:5px;
		margin-top:2px;
	}
	.storeProdPriceCell .storeProdAdd span.storeProdAddQtyLabel {
		font-weight:bold;
	}
	
	.storeProdPriceCell .storeProdAdd .submitButtons {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:1px;
		font-size:13px;
	}
	
	.storeProdPriceCell .storeProdAdd .formFields {
		padding:0;
		margin:0;
		border:1px solid #ccc;
		background-color: #ddd;
		color:#333;
		padding:2px;
		font-size:13px;
	}
	
	
	/* Create account form */
	.storeForm td.field-label-required strong {
		color: #CD0000;
	}
	
	.storeForm td.field-label strong {
		color: #27318b;
	}
	
	/*
		image link icons
		*/
		
		.content .pageContent ul {
			/* list-style-type:square; */
			list-style-image: url(images/bullet.png) no-repeat;
			/* padding-left: 20px; */
			line-height: 20px; /* To center the text vertically with the icon */
			margin-left:15px;
		}
		
		.content a.pdf , a.pdf:visited , a.pdf:link , a.pdf:hover { /*The background image*/
			background: url(images/pdf.png) no-repeat left center;
			padding-left: 20px;
			line-height: 20px; /* To center the text vertically with the icon */
			text-decoration:underline;
		}
		 
		.content a.txt { /*The background image*/
			background: url(images/txt.png) no-repeat left center;
			padding-left: 20px;
			line-height: 16px;
		}
		 
		.content a.zip { /*The background image*/
			background: url(images/ppt.png) no-repeat left center;
			padding-left: 20px;
			line-height: 16px;
		}
		 
		.content a.email , a.email:link , a.email:hover , a.visited  {
			background: url(images/email.png) no-repeat 10px center;
			padding-left: 30px;
			line-height: 16px;
		}
		
		
		/* DIRECTORY STYLES */
		.directorytable , .directorytable td {
			margin:0;
			padding:0;
		}
		
		.directorytable th {
			background-color: #819CC0;
			color: #ffffff;
			padding: 2px 5px 2px 5px;
		}
		
		.directorytable .directoryRowOn {
			background-color: #ececec;
		}
		
		.directorytable .directoryRowOff {
			background-color: #dddde3;	
		}
		.directorytable td {
			padding: 5px 5px 5px 5px;
		}
	
	
		#content img#floatright {padding:0 0 20px 20px;}
		/* Product */
		#content tr.storeProdRow td {border-bottom:1px dashed #00297D;}
	
		.morelesslink {font-weight:bold;color:#00297D;cursor:pointer;cursor:hand}
	
		.fsNoticeBox {padding:5px;border:1px solid navy;background-color:#dddde3;}
		.fsNoticeBox .notice strong {font-weight:bold;color: #FF0000;}