body {
}
/*---Globals---*/
body 
{
	font-family:Tahoma;
}

h1
{
	color:#2b3986;
	font-size:1.0em;
}

h2
{
	color:#2b3986;
	margin:0px 0px 0px 0px;
	font-size:0.9em;
}

h3
{
	color:#2b3986;
	margin:0px;
	font-size:0.85em;
}

h4
{
	color:#2b3986;
	margin:0px;
	font-size:0.8em;
}

th
{
	color:Black;
	padding:2px 0px 2px 4px;
	font-weight:normal;
}

hr
{
	border-top:dashed 1px black; 
	border-bottom-style:none;
	text-align:center; 
	width: 75%; 
	height:1px; 
	clear:both;
}

img 
{
	border: none 0 
}

p
{
	font-size:0.8em;
	margin-top:4px;
	margin-bottom:12px;
}

/*---Page Layout---*/
/* 1 Column Layout */
#OneCol			{ text-align:center; width:100%; }
#OneColMiddle	{ text-align:left; margin-left: auto; margin-right: auto; width:50%; }

#OneColFixedWidth		{ width: 645px; margin-left: auto; margin-right: auto; text-align:left; }
#WideOneColFixedWidth	{ width: 815px; margin-left: auto; margin-right: auto; text-align:left; }

/* 2 Column Layout */
#TwoCol		{ width:80%; margin-left: auto; margin-right: auto; }
#TwoColLeft { float:left; width:49%; margin-right:1%; text-align:left; }
#TwoColRight{ float:right; width:49%; text-align:left; }

#TwoColFixedWidthLeft		{ width: 315px; float:left; text-align:left; }
#TwoColFixedWidthRight		{ width: 315px; float: right; text-align:left; }
#WideTwoColFixedWidthLeft	{ width:400px; float:left; text-align:left; }
#WideTwoColFixedWidthRight	{ width:400px; float:right; text-align:left; }

/* 3 Column Layout */
#ThreeCol		{ width:96%; margin-left: auto; margin-right: auto; }
#ThreeColLeft	{ float:left; width:32.5%; margin-right:1%; text-align:left; }
#ThreeColCenter { float:left; width:32.5%; margin-right:1%; text-align:left; }
#ThreeColRight	{ float:left; width:32.5%; text-align:left; }

/*
Input Panel section
*/
#InputPanel
{
	border:solid 1px #c3dffb;
}
#InputPanelHead
{
	background-color:#d7e4f8;
	padding:8px;	
	text-align:left;
}
#InputPanelHead h3
{
	font-size: 0.8em;	
	font-weight: normal;
}

#InputPanelBody
{
	padding:8px;
}
#InputPanelFooter
{
	border-top: dotted 1px #c3dffb;
	padding:8px;
	text-align:right;
}

#InputSection
{
	clear:both;
	text-align:center;
	width:100%;
}
#InputSectionLabel
{
	float:left;
	text-align:right;
	width:47%;
	padding-right:1%;
	padding-bottom:1%;
	vertical-align:top;
}
#InputSectionEntry
{
	float:left;
	text-align:left;
	width:47%;
	padding-left:1%;
	padding-bottom:1%;
	vertical-align:top;
}
#InputSectionFooter
{
	clear:both;
	text-align:right;
}
/* 
The above section is wrong, but retained for backwards compatability; 
it casues CSS errors if you have more than 1 input section, e.g. when you have a multi colum layout.
Please use this one instead in future:
*/
.InputPanel			{ border:solid 1px #c3dffb; }
.InputPanelHead		{ background-color:#d7e4f8; padding:8px; text-align:left; }
.InputPanelHead h3	{ font-size: 0.8em; font-weight: normal; }
.InputPanelBody		{ padding:8px; }
.InputPanelBody	p	{ padding-top:8px; }
.InputPanelFooter	{ border-top: dotted 1px #c3dffb; padding:8px; text-align:right; }

/*Input Section*/
.IS			{ clear:both; text-align:center; width:100%; }
.ISLabel	{ float:left; text-align:right; width:47%; padding-right:1%; padding-bottom:1%; vertical-align:top; }
.ISEntry	{ float:left; text-align:left; width:47%; padding-left:1%; padding-bottom:1%; vertical-align:top; }
.ISFooter	{ clear:both; text-align:right; }


	.LabelColumn
	{
		float: left;
		vertical-align: top;
		width: 47%;	
		text-align: right;	
		padding-right:1%;
	}
	.InputColumn
	{	
		padding: 0;
		float: left;	
		vertical-align: top;	
		width: 47%;	
		text-align: left;
		padding-left:1%;
	}

.buttonR {text-align:right;clear:both;width:100%; padding:8px 0 0 0;}
.buttonL {text-align:left;clear:both;width:100%;}

/*
Error Panel section
*/
#ErrorPanel
{
	border:solid 1px #ff0000;
}
#ErrorPanelHead
{
	color:White;
	background-color: #ff0000;
	padding:8px;	
}
#ErrorPanelHead h2
{
	color:White;
}

#ErrorPanelBody
{
	border-top: dotted 1px #ff0000;
	padding:8px;
}

#ErrorPanelFooter
{
	border-top: dotted 1px #ff0000;
	padding:8px;
	text-align:right;
}

/*
Header links section
*/
div#headerLinks 
{
	font-family:Tahoma;
	font-size:0.7em;
	text-align:right;
}

div#headerLinks ul {
	margin: 0;
	padding: 0;
	white-space:nowrap;
}

div#headerLinks li 
{
	color:Black;	
	list-style-type: none;
	display: inline;
}

div#headerLinks li a {
	color:Black;
	text-decoration: none;
	padding: 7px 2px;
}

div#headerLinks li a:link 
{
}

div#headerLinks li a:visited 
{
}

div#headerLinks li a:hover 
{
	text-decoration: underline;
}

.formEntry 
{
	font-size:0.8em;
	font-family:Tahoma;
}

.formLabel
{
	font-size:0.8em;
}

.formLabelBold
{
	font-size:0.8em;
	font-weight:bold;
}

.searchTerm
{
	font-size:0.7em;
	margin-right:8px;
}

.valError
{
	color:Red;
	font-size:0.8em;
}

.valErrorToolbar
{
	font-size:0;
	height:0;
	width:0;
	display:none;
	visibility:collapse;
}

.valSummary
{
}

.sitemapNotSelected
{
	font-size:0.7em;
	color:#5370e1;
}

.sitemapSelected
{
	font-weight:bold;
	font-size:0.7em;
	color:#5370e1;
}

.sitemapSeparator
{
	font-size:0.7em;
	color:#5370e1;
}

.process
{
	text-align:center;
	background-color:#e9e7e3;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left-style:none;
	border-right-style:none;
	margin: 8px 0px 8px 0px;
	padding: 8px 0px 8px 0px;
	vertical-align: middle; 
}

.processComplete
{
	font-weight:bold;
	font-size:0.8em;
	color:#2b3986;
}

.processIncomplete
{
	font-size:0.8em;
	color:#aaaaaa;
}

.processCurrent
{
	font-weight:bold;
	font-size:0.9em;
	color:black;
}

.processSeparator
{
	font-size:0.9em;
	color:#aaaaaa;
}

.scannerListbox
{
	width: 250px;
	background-color: #ebf1fb; 
}

.pagerSelected
{
	margin:0 4px;
	border-style:none;
	font-weight:bold;
	font-size:0.7em;
	padding: 0;
}

.pagerDeselected
{
	padding:0;
	border-style:none;
	margin:0 4px;
	font-size:0.7em;
}

.productViewTypeSelected
{
	color:#2b3986;
	font-weight:bold;
	font-size:0.8em;
}

.productViewTypeDeselected
{
	color:Black;
	font-size:0.8em;
}

.shelfHeader
{
	background-color:#f5f3e5;
	padding-left:4px;
	padding-bottom:8px;
}

.shelfLink
{
	font-size: 1.0em;
	background-color: #ece7cb;
	padding-left: 4px;
	padding-bottom: 4px;
}

.shelfList
{
	background-color:#ece7cb;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.shelfLink a
{
	color: Black;
}

.shelfLink a:visited
{
	color:Black;
	font-weight:bold;
}

.shelfLink th
{ 
	text-align:left;
	background-color:#ece7cb;
	background-image:url(/Images/home/blueGradBar.gif);	
	font-weight:normal;
	padding-top:4px;
	padding-bottom:4px;
} 

.productDisplayName { font-size:0.7em; }
.productWSP { font-size:0.7em; }
.productRRP { font-size:0.7em; color:#999999; }
.productPOR { font-size:0.7em; color:#999999; }
.productVAT { font-size:0.7em; color:#999999; }
.productLabel { font-size:0.7em; }

.productSelection { font-size:0.7em; font-family:Tahoma; width:50px; }
.productAdd { cursor:pointer; }
.productHighlight { background-color:#ccffcc; }
.pagerSummary { font-size:0.7em; font-weight:bold; }

img#gCallImage { *margin-top:4px; }

.trolleySummaryMain
{
	font-size:0.8em;
	font-weight:bold;
}

.trolleySummary
{
	font-size:8pt;
	font-weight:normal;
}

.trolleySummaryBold
{
	font-size:8pt;
	font-weight:bold;
}

.trolleySummarySubtotal
{
	font-size:8pt;
	color: #1e3f82;
	font-weight:bold;
}

.trolleySummary a
{
	color: Black;
	text-decoration: none;  
}

.trolleySummary a:hover
{
	color: Black;
	text-decoration: underline;  
}

.orderSummary
{
	font-size:0.8em;
	font-weight:bold;
}

.footer a
{
	color:#aaaaaa;
}

.footer
{
	font-size:0.7em;
	color:#aaaaaa;
	margin:2px;
}

.genericList
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	background-color:White;
	width:100%;
}

.genericList td
{
	padding:4px 4px 4px 4px;
	margin:4px 4px 4px 4px;
}

.genericListHeader
{
	font-size:0.7em;
	font-weight:bold;
	background-color:#e9e7e3;
	padding-top:4px;
	padding-bottom:4px;
}

.genericListItem
{
	font-size:0.7em;
}

.hotLinkList
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	vertical-align: top;
	color:#ffffff;
	font-size:0.7em;
	height:30px;
}

.hotLinkList td
{
	padding: 3px 8px 3px 8px;
	margin: 3px 8px 3px 8px;
	vertical-align: top;
}

.hotLinkList a
{
	color:#ffffff;
	text-decoration: none; 
}

.hotLinkList a:hover
{
	color:#ffffff;
	text-decoration: underline; 
}

/*
.infoPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	background-color:white;
	border-top-style:solid;
	border-top-width:6px;
	border-top-color:#ece7cb;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#ece7cb;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#ece7cb;
	border-bottom-style:solid;
	border-bottom-width:6px;
	border-bottom-color:#ece7cb;
}

.infoPanel thead
{
	text-align:left;
	background-color:#f5f3e5;
}

.infoPanel thead td
{
	padding-left:12px;
	padding-right:12px;
	padding-top:12px;
	padding-bottom:12px;
	text-align:left;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}

.infoPanel tbody td
{
	padding:12px 12px 12px 12px;
	margin:12px 12px 12px 12px;
	text-align:left;
}


*/

.helpBreakout
{
	text-align:left;
}

.helpBreakout h4
{
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#999999;
	margin-bottom:4px;
}

.helpBreakout ul
{
	padding:0;
	margin:0;
	margin-bottom:8px;
	margin-left:16px;
	font-size:0.7em;
	list-style-type:square;
}

.helpBreakout p
{
	font-size:0.7em;
	margin-bottom:8px;
}

.headerSearchEntry 
{
	font-size:0.7em;
	font-family:Tahoma;
	vertical-align:baseline;
}

.headerSearchLabel
{
	font-size:0.7em;
	margin-right:4px;
}

.headerAd
{
	color:White;
	font-size:0.7em;
	font-weight:bold;
	background-color:#a6aec7;
	text-align:center;
}

.headerAd a
{
	color:White;
	font-weight:bold;
}

.headerLinks
{
	font-family:Tahoma;
	width:100%;
	font-size:0.7em;
	margin-bottom:6px; 
}

.headerLinksBlue
{
	color: #737f9c;
}

.headerLinks td
{
	vertical-align:top;
}

.headerLinks a
{
	color:Black;
	vertical-align:top;
	text-decoration: none;
}

.headerLinks a:hover
{
	color:#2b3986;
	vertical-align:top;
	text-decoration: underline;
}


.discountHeader
{
	background-color:#f5f3e5;
	padding-left:4px;
	padding-bottom:8px;
}

.discountLink
{
	font-size:0.9em;
	background-color:#ece7cb;
	padding-left:4px;
	padding-bottom:4px;
}

.discountList
{
	background-color:#ece7cb;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.discountLink a
{
	color:Black;
	font-size:0.7em;
}

.categoryHeirarchy
{
	padding-right:8px;
}

.categoryHeirarchy ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.categoryHeirarchy ul li {
	background-color:#f5f3e5;
	}

.categoryHeirarchy ul ul h3
{
	background-color:#ece7cb;
}

.categoryHeirarchy ul ul ul h3
{
	background-color:#ece7cb;
}

.categoryHeirarchy ul ul li {
	background-color:#ece7cb;
	}

.formPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
}

.formPanel tbody td
{
	padding:0px 8px 8px 0px;
	margin:0px 8px 8px 0px;
}

#buttonColumn 
{
	text-align:right;
}

.displayPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
}

.displayPanel thead
{
	text-align:left;
	padding-top:12px;
	padding-bottom:12px;
}

.displayPanel thead td
{
	padding-left:12px;
	padding-right:12px;
	text-align:left;
}

.displayPanel tbody td
{
	padding:12px 12px 12px 12px;
	margin:12px 12px 12px 12px;
	text-align:left;
}

.accountStatus
{
	font-size:0.7em;
	color:#2b3986;
}

.accountStatusBold
{
	font-size:0.7em;
	color:#2b3986;
	font-weight:bold;
}

.accountStatus a
{
	color:#2b3986;
	text-decoration:underline;   
}

.siteNav
{
	vertical-align:top;
	width:140px;
}

.siteContent
{
	vertical-align:top;
	padding-left:8px;
}


.blueInfoPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	background-color:white;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3dffb;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#c3dffb;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#c3dffb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c3dffb;
}

.blueInfoPanel thead
{
	border-width: 0px;
	background-color: #d7e4f8; 
}

.blueInfoPanel thead td
{
	padding:0px 12px 0px 12px;
	text-align:left;
	border-bottom: dotted 1px #c3dffb;
	height:35px;
}

.blueInfoPanel thead h3
{
	font-size: 0.8em;	
	font-weight: normal;
}

.blueInfoPanel tfoot td
{
	padding:6px 12px 6px 12px;
	text-align:left;
	border-top: dotted 1px #c3dffb;	
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.blueInfoPanel tbody td
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-width: 0px;
}

.boldLabel
{
	font-size: 0.8em;
	font-weight: bolder;
	text-align: left;
	padding: 6px 12px 6px 12px; 
}

.statusMessage ul
{
	background-color: #046900;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	margin: 6px 0px 18px 0px;
	padding-left: 36px;  
	vertical-align: middle; 
	text-align: left;
	list-style-image: url("/images/icons/infogreen.gif");   
}

.statusMessage li
{
	font-size: 0.8em;
	font-weight: bold;
	color: White; 
}

.boxValidationError ul
{
	background-color: #ff0000;	
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
	margin: 6px 0px 18px 0px;
	padding-left: 0px;  
	text-align: left;
}

.boxValidationError li
{
	padding-left: 36px;  
	background: url(/images/icons/info.gif) 9px 2px no-repeat;
	font-size: 0.8em;
	font-weight: bold;
	color: White;
	line-height:1.5; 
}

.boxValidationError li a:visited { color: Blue; }
.boxValidationError li a:hover { color: Blue; }

.boxValidationError ul li ol
{
	background-color: #ff0000;	
	padding-left: 0px;  
	vertical-align: middle; 
	text-align: left;
	list-style-image: none;
	list-style-type: decimal;    
}

.blueArrow
{
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding-left: 24px;  
	list-style-image: url("/images/icons/blueArrow.gif");   
	vertical-align: middle; 
}

.blueArrow a
{
	color: black;
}

.blueOnBlueArrow
{
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding-left: 24px;  
	list-style-image: url("/images/icons/blueOnBlueArrow.jpg");   
	vertical-align: middle; 
}

.blueOnBlueArrow li a
{
	color: #2f397e;
	font-size:0.8em;
}

.infoPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	background-color:white;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3dffb;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#c3dffb;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#c3dffb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c3dffb;
	text-align:left;
	/*border-top-width:1px;
	border-top-color:#a28728;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#a28728;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#a28728;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#a28728;*/
}

.infoPanel thead
{
	text-align:left;
	background-color:#d7e4f8;
}

.infoPanel thead td
{
	padding:0px 12px 0px 12px;
	text-align:left;
	border-bottom: dotted 1px #c3dffb;	
	height:35px;
}

.infoPanel thead h3
{
	font-size: 0.8em;	
	font-weight: normal;
}

.infoPanel tfoot td
{
	padding:6px 12px 6px 12px;
	text-align:left;
	border-top: dotted 1px #c3dffb;		
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.infoPanel tbody td
{
	/*padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
	
	padding:12px 12px 12px 12px;
	margin:12px 12px 12px 12px;
	border-width: 0px;
}



.helpPanel
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	/*
	background-color:#f9f8f3;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#a28728;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#a28728;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#a28728;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#a28728;*/
}

.helpPanel a
{
	color: #81172d;
	font-size: 0.8em;	
	font-weight: normal;
}



.infoPanelLogin
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-collapse:collapse;
	background-color:white;
	border-top-style:solid;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#c3dffb;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#c3dffb;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#c3dffb;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#c3dffb;
	/*
	border-top-width:1px;
	border-top-color:#a28728;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#a28728;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#a28728;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#a28728;*/
}

.infoPanelLogin thead
{
	text-align:left;
	background-color:#d7e4f8;
}

.infoPanelLogin thead td
{
	padding:0px 12px 0px 12px;
	text-align:left;
	border-bottom: dotted 1px #c3dffb;		
	height: 35px;
}

.infoPanelLogin thead h3
{
	font-size: 0.8em;	
	font-weight: normal;
}

.infoPanelLogin tfoot td
{
	padding:6px 12px 6px 12px;
	text-align:left;
	border-top: dotted 1px #c3dffb;		
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.infoPanelLogin tbody td
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-width: 0px;
}

.infoPanelLoginInnerBox
{
	margin: 0px 0px 0px 0px;
	padding: 12px 12px 12px 12px;
	
	border-width: 0px;
}

.infoPanelLoginInnerBox h2
{
	text-align:left; 
}


.promoBox
{
	display:block; 
	float:left;
}

.promoBox p
{
	font-size:0.7em;
	margin-top:4px;
	margin-bottom:8px;
}

.promoBox ul
{
	text-align:left;
	font-size:0.7em;
	margin: 4px 0px 0px 0px;
	padding-left: 24px;  
	list-style-image: url("/images/icons/blueOnBlueArrow.jpg");   
	vertical-align: baseline; 
}

.promoBox a
{
	color:#243583;
}

.blueBoxHeadLeft
{
	background-image: url("/images/corners/topLeft.jpg");
	background-position: top left;
	background-repeat: no-repeat;   
}

.blueBoxHeadRight
{
	background-image: url("/images/corners/topRight.jpg");
	background-position: top right;
	background-repeat: no-repeat;   
}

.blueBoxBody
{
	background-color: #D8E5F8;
	border-left: solid 1px #C4DFFA;
	border-right: solid 1px #C4DFFA;
	border-bottom-width: 0px;
	border-top-width: 0px;
	text-align: right;
	font-size: 0.85em; 
	padding-bottom: 4px; 
	padding-right: 6px;
	padding-left: 15px;
	padding-top: 8px;
}

.blueBoxArrow
{
	background-color: white;
	border: solid 0px white;
	background-image: url("/images/welcomeback/arrow.jpg"); 
	background-position: left center;
	background-repeat: no-repeat;  
	width: 18px; 
	display:inline;
	float:left;
	
}

.blueBoxFooterLeft
{
	background-image: url("/images/corners/bottomLeft.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;   
	text-align: right;
	padding-bottom: 4px; 
	padding-right: 6px;
}

.blueBoxFooterRight
{
	background-image: url("/images/corners/bottomRight.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;   
}

#ManagersMessage
{
	font-size: 0.85em;
	color: #243583;
	
}

#ManagersMessage a
{
	color: #A20300;
}

#ManagersMessageRowOne
{
	float: left;
	width:100%;
	text-align: left;
}

#ManagersMessagePhoto
{
	border:solid 1px #BED0F4 ;
	float:left;
	margin-right: 4px;
	margin-bottom: 4px;
}

#ManagersMessageRowTwo
{
	float: left;
	width:60%;
	text-align: left;
}

#ManagersMessageRowThree
{
	float: right;
	width:40%;
	text-align:right;
	white-space:nowrap; 
}

#TitleRow
{
	clear:both;
	text-align: left;
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
}


/* TABS */

/* Old Style */
.tabSelected
{
	font-family:Tahoma;
	color:White;
	font-size:8.5pt;
	font-weight:bold;
}

.tabSelected a
{
	color:White;
	text-decoration:none;
}

.tabSelected a:hover
{
	color:White;
	text-decoration:underline;
}


.tabHeaderSelected a
{
	color:White;
	text-decoration:none;
}

.tabHeaderSelected a:hover
{
	color:White;
	text-decoration:underline;
}

.tabHeaderSelected
{
	font-family:Tahoma;
	color:White;
	font-size:8.5pt;
	font-weight:bold;
}

.tabUnSelected a
{
	font-family:Tahoma;
	color:Black; 
	font-size:8.5pt;
	font-weight:bold;
	text-decoration: none;
}

.tabUnSelected a:hover
{
	font-family:Tahoma;
	color:Black;
	font-size:8.5pt;
	font-weight:bold;
	text-decoration: underline;  
}

/* NEW STYLE */
/* Yellow */
.tabYellow
{
	font-family:Tahoma;
	color:Black;
	font-size:8.5pt;
	font-weight:bold;
}

.tabYellow a
{
	color:Black;
	text-decoration:none;
}

.tabYellow a:hover
{
	color:Black;
	text-decoration:underline;
}

/* Light Blue */
.tabLtBlue
{
	font-family:Tahoma;
	color:White;
	font-size:8.5pt;
	font-weight:bold;
}

.tabLtBlue a
{
	color:White;
	text-decoration:none;
}

.tabLtBlue a:hover
{
	color:White;
	text-decoration:underline;
}


/* Dark Blue */
.tabDkBlue
{
	font-family:Tahoma;
	color:White;
	font-size:8.5pt;
	font-weight:bold;
}

.tabDkBlue a
{
	color:White;
	text-decoration:none;
}

.tabDkBlue a:hover
{
	color:White;
	text-decoration:underline;
}

/* Red */
.tabRed
{
	font-family:Tahoma;
	color:White;
	font-size:8.5pt;
	font-weight:bold;
}

.tabRed a
{
	color:White;
	text-decoration:none;
}

.tabRed a:hover
{
	color:White;
	text-decoration:underline;
}

/* Yellow Input Pannel */

#YellowInputPanel
{
	border:solid 1px #FFDE00;
}
#YellowInputPanelHead
{
	background-color:#FFDE00;
	padding:8px;	
	text-align:left;
}
#YellowInputPanelHead h3
{
	font-size: 0.8em;	
	font-weight: normal;
}
#YellowInputPanelBody
{
	height:120px;
	overflow:hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#YellowInputPanelFooter
{
	background-color:#FFDE00;
	text-align:left;
	vertical-align:middle;
	height:32px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height:0.8em;
}

#YellowInputPanelFooter a
{
	
	color: #2f397e;
	margin-left: 8px; 
	font-size:0.7em;
	padding: 0px;
}

/* Christmas green style */


.ChristmasGreen td
{
	font-family:Tahoma;
	color:Green;
	font-size:9.5pt;
	font-weight:normal;
}

.ChristmasGreen div
{
	font-family:Tahoma;
	color:Green;
	font-size:9.5pt;
	font-weight:normal;
}

.ChristmasGreen a
{
	font-family:Tahoma;
	color:Green;
	font-size:8.5pt;
	font-weight:bold;
}

.ChristmasList
{
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 24px;
	font-family:Tahoma;  
	font-size:8.5pt;
	font-weight:normal;
	color:black;
	vertical-align:baseline; 
	line-height: 9.5pt
}

/*AutoComplete flyout (completion List Element)*/
.ac_LstEl 
{  
	visibility : collapse;
	margin-top:-1px;
	padding:0px;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	text-align : left; 
    list-style-type : none;
    width: 360px!important;
    min-width:360px;
    z-index:10001;
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;   
    font-size: 11px;  
	margin-left:0px; 
}

/* AutoComplete highlighted list item */
.ac_hLstItm
{
	background-color: #ededed;
	color: black;
	padding: 3px;
	border-bottom: solid 1px #999999;
	cursor:pointer;
}

/* AutoComplete list item */
.ac_LstItm 
{
	background-color : window;
	color : windowtext;
	padding : 3px;
	border-bottom: solid 1px #999999;
	cursor:pointer;
}

/* AutoComplete separator item */
.ac_SepItm
{
	display:block;
	background-color:#999999;
	padding:0px;
	margin:0px;
	height:2px;
	line-height:2px;
}

/*---Browse-Menu---*/
/*Menu header*/
#MenuName {border:1px solid Black; background:#5a83ec; width:138px; padding:4px; color:white; font-weight:bold; text-align:center;}
div#menuContent {font-size:11px; border-style:none; border-width:0;}

/*Department menu options*/
dl.dropdown {float:left; position:absolute; font-size:11px; margin-top:0px; border-left:solid 1px black;border-right:solid 1px black; margin-left:1px; width:144px;}
dl.dropdown dt {width:140px; border-bottom:1px solid Black; padding:2px; cursor:pointer; background:#f4f7fd; color:black; position:relative;}
dl.dropdown dt.highlight {background:#5a83ec; color:white; }
dl.dropdown dt.selected {background:#5a83ec; color:white; }

/*Aisle sub menu options*/
.dropdown dd {position:relative; overflow:hidden; width:100%; display:none; background:#cddbf6; z-index:200; margin:0;}
.dropdown ul {list-style:none; padding:0; margin:0; width:100%;}
.dropdown li {display:block; border-bottom:1px solid Black; width:auto; padding:2px 4px; text-decoration:none; color:Black; cursor:pointer;}
.dropdown li:hover {background:#9eb5fb; color:Black;}
.dropdown li.highlight {background:#9eb5fb; color:Black;}
.dropdown li.selected {background:#9eb5fb; color:Black; font-weight:bold; }


/*---Filters-Display-Control---*/
td.filters { padding-left:8px; }

/*Main control css containing all other sections*/
div#filters { font-size: 11px; border-top-style: hidden; border: solid 1px #a2c3f6; clear:both; }
div#filters * { font-size: 11px; }
div#filters a { color:#5370E1; cursor:pointer; }
div#filters a:hover { text-decoration:underline; }
div#filters ul { cursor:pointer; color:#5370E1; }
div#filters div div label { padding-left: 10px; }

/*Title rows*/
div#filters #title { border-top-style: hidden; background-image:url(/Images/home/blueGradBar.gif);	border-bottom: solid 1px #a2c3f6; height:28px; line-height:28px; padding-left:10px; }
div#filters #title H2 {	font-size: 14px; color:Black; }

/*Alternative suggestions row*/
div#filters div#sug { border-bottom: solid 1px #a2c3f6; padding:2px 0 2px 10px; }        
div#filters div#sug a { padding:0 0 0 4px; }        
/* Change Search Term */
div#cst { float:right; padding-right:4px; }

div#filters	#cFs { border-bottom: solid 1px #a2c3f6; padding: 2px 0 2px 10px;}
div#filters	#cFs * { padding-right:4px; }
div#filters	#cFs div { display: inline; }
div#filters	#cFs a { font-weight:bold; color:#5370E1; }

/*Your selection row*/
div#filters	#caf { border-bottom: solid 1px #a2c3f6; padding: 2px 0 2px 10px; }
div#filters	#caf b { padding-right: 4px; }
div#filters	#caf ul { padding:0; margin:0; display:inline; }
div#filters	#caf li { color:#5370E1; display:inline; padding:0; margin:0; text-decoration:none; cursor:default; }
div#filters	#caf li.link { font-weight:bold; cursor:pointer; }
div#filters	#caf li.link:hover { text-decoration:underline; }

/*Subtitle - goes above the filterBlock display grid*/
div#filters div#subTitle { width:auto; padding:6px 2px 0px 10px; Background-color:#f4f7fd; }
div#filters div#subTitle H2 { font-size: 14px; color:Black; font-weight:bold; }
div#filters div#subTitle H3 { font-size: 12px; color:Black; font-weight:bold; padding-top: 4px; }

/*Filter block*/
div.filterBlock { position:static; z-index:1; padding: 2px; overflow:visible; background-color:#f4f7fd; white-space: nowrap; min-height:116px; width:180px; border:solid 1px #f4f7fd; }
div.filterBlock H2 { color:Black; font-weight:bold; }
div.filterBlock ul { cursor:pointer; vertical-align: baseline; padding-right:4px; padding-top:2px; padding-bottom:6px; width:140px; overflow:hidden; }
div.filterBlock ul li {	padding:1px; }
div.filterBlock ul li:hover { text-decoration:underline; }

.newBlueArrow {	text-align:left; margin: 0px 0px 0px 0px; padding-left: 24px; list-style-image: url("/images/icons/blueArrow2.gif"); vertical-align: middle; }
.newBlueArrow a { color: black; }

/*Filter block display grid*/
table#filterRollup { Background-color:#f4f7fd; width:100%; padding-left:6px; }
table#filterRollup td { vertical-align:top; padding:0 6px; height:135px; min-width:186px; }
.fbMinWidth { width:186px; }

/*Hide/Show link for the filters control*/
.hsCtrl { position:relative; z-index:10; height:0; } 
.hsCtrl a { font-weight:bold; float:right; top: -15px; right: 10px; position:absolute; } 

.productList table { padding:0; margin:0; border-collapse:collapse; border-left: solid 1px #a2c3f6; border-right: solid 1px #a2c3f6; }
.productList th { border-top: solid 1px #a2c3f6; background-color:#d9e5f8; color:#2b3986; font-size:0.7em; font-weight:bold; }
.productList tr td { border-bottom:solid 1px #dddddd; }
tr.productListFooter { color:#2b3986; font-size:0.7em; font-weight:bold; background-color:#d9e5f8; }
tr.productListFooter td { border-bottom: solid 1px #a2c3f6; }

div.btm_bdr { border-bottom: solid 1px #a2c3f6; }
div.side_bdr { border-right: solid 1px #a2c3f6; border-left: solid 1px #a2c3f6; }

/*No Images Pageing Controls (for non images product lists):*/
div.niPC { position:static; line-height:22px; }
div.niPC * { vertical-align:middle; }

/*No Images & (Filter manager present) Pager Control:*/
div.niPC span.pc { float:right; padding: 0 6px 0 0; margin:0; }
div.niPC span.pc a { margin: 0 4px; }

/*No Images & No Filters & no table header required - pager floats above table:*/
div.niPC span.nfpc { float:right; line-height:22px; padding: 0 6px 0 0; margin:0; height:22px; }

/*No Images - Grouping text/links: */
div.niPC span#groupingCtrls { padding: 0 0 0 10px; border-style:none; margin:0; position:relative; float:left; }

/* No Images & no filters - so this version displays a new table header: */
div.niPC div#tableHeader {border: solid 1px #a2c3f6; border-bottom-style: none; clear:both; }
div.niPC div#tableHeader * { vertical-align:middle; }
/* Row 1 is for the title row (with a gradient background) */
div.niPC div#tableHeader .row1 { background-image:url(/Images/home/blueGradBar.gif);	border-bottom: solid 1px #a2c3f6; height:28px; line-height:28px; padding-left:10px; }
div.niPC div#tableHeader .row1 .pagerSummary { font-size:14px; }
/* Row 2 is where the paging controls and the grouping text are placed */
div.niPC div#tableHeader .row2 { padding: 0 0 0 10px; border-style:none; margin:0; line-height:22px; }

/*Product lists with Images Pageing Controls:*/
div.iPC { position:relative; float:left; clear:both; height:0; width:100%; }
/*Images & Filters*/
div.iPC	span.pc { right:8px; position:absolute; line-height:22px; margin:0; }
/*Images & No Filters*/
div.iPC span.nfpc { right:8px; position:absolute; line-height:22px; padding:0; margin:0; top:30px; }

/*Top (of table) Pager Control*/
div.tPC { float:right; padding: 0 0 0 0; margin:0; }
div.tPC a { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; }

/*Bottom (of table) Pager Control*/
div.bPC { float:right; padding: 4px 6px 8px 6px; margin:0; }

div.tHeadR span {padding-bottom:4px; padding-top:8px; }

.productHighlightGreen { background-color:#ccffcc; }
.productHighlightRed { background-color:#ffcccc; }
/*pLC = .productLabelCentered only shorter*/
.pLC { font-size:0.7em; text-align:center; }

div#jsig		{ margin-top:16px; background:url("images/welcomeback/jdsig.jpg") no-repeat left bottom; height:44px; width:85px; margin-bottom:8px; }
div#BookerCard	{ background:url("/images/help/bookerCard.jpg") no-repeat top left; width:260px; height:170px; margin: 0 auto; }

/* ---Page header Control--- */

div#htop	{ height:20px;overflow:visible;}
div#csmpc * { vertical-align:top; }
div#smp *	{ vertical-align:top; }
div#asc		{ height:0px; position:absolute; padding-top:8px; }
div#asc *	{ vertical-align:top; }

/* ---Main Menu Tabs--- */
div#NavMenu				{ font-size:0.7em; text-align:center; }
div#NavMenu div#NoTabs	{ height:22px;}
div#NavMenu ul#MainTabs { margin:6px 0 0 0; padding:0; list-style:none; }
/*Tabs*/
div#NavMenu ul#MainTabs li
{ 
	list-style:none; 
	background-image:url("images/tabs/tabsL.gif");
	background-repeat:no-repeat;
	background-position:0 0; 
	margin:0;
	padding:2px 0 2px 5px;
	/*The line below is a Css hack that targets both IE 6 & 7:*/
	*padding:0 0 0 5px;
	/*The line below is a Css hack that targets both IE 6:*/
	_background-position:-1px top; 
	display:inline;
	position:relative;
}
div#NavMenu ul#MainTabs li a		{ background:url("images/tabs/tabsR.gif") no-repeat right top; padding:2px 5px 2px 0; color:#1e3f82; text-decoration:none; font-weight:bolder; }
div#NavMenu ul#MainTabs li a span	{ width:90px; display:inline-block; padding:2px 6px; }
div#NavMenu ul#MainTabs li.lihover		
{ 
	background-position:0px -40px;
	_background-position:-1px -40px; 
	cursor:pointer; 
	cursor: hand; 
}
div#NavMenu ul#MainTabs li.lihover a	{ background:url("images/tabs/tabsR.gif") no-repeat right -40px; cursor:pointer; cursor: hand; }
div#NavMenu ul#MainTabs li.selected		
{ 
	background-position:0px -40px; 
	_background-position:-1px -40px; 
}
div#NavMenu ul#MainTabs li.selected a	{ background-position:right -40px; }

/*Background image under the tabs*/
div#NavMenu div#SubTabs		{ width: 100%; background:url(/images/tabs/header/hbkg.gif); background-repeat: repeat-x; background-position: center top; height: 56px; }
/*Sub menu items*/
div#NavMenu ul#MainTabs li div.opt { position:absolute; width:148px; background-color:White; margin:0px; padding:0; text-align:left; border-bottom: solid 1px #cddbf6; top:17px; *top:19px; left:0px; }
div#NavMenu ul#MainTabs li div.opt a { background: none; margin:0px; padding:0; height:18px; }
div#NavMenu ul#MainTabs li div.opt a:hover span { background: #cddbf6}
div#NavMenu ul#MainTabs li div.opt a span {display:block;width:138px;padding:0 4px; border-top: solid 1px #cddbf6; border-right: solid 1px #cddbf6; border-left: solid 1px #cddbf6; margin:0px; line-height:18px; height:18px; color:Black; font-weight:normal; }

/*Search control*/
div#NavMenu div#Search			{ font-size:1.8em; text-align:center; padding-top:22px; }
div#NavMenu div#Search table	{ margin:0 auto; }
span#KSC *		{ vertical-align:middle; }
.searchButton	{ width: 70px; height: 25px; margin: 0; border: 0; background: transparent url(/images/buttons/gobtn.gif) no-repeat center top; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ vertical-align:middle; }

/*New Styled Box*/
div.nsb				{ border-style: none; padding: 0; margin: 0; }
div.nsb div.hdl		{ padding: 0; margin: 0; background-image: url('/images/sb/images/nsbr.jpg'); background-repeat:no-repeat; background-position: right top; overflow: hidden; width: 100%; clear: both; }
div.nsb div.hdl h2	{ text-align: left; }
div.nsb div.hdl h3	{ font-size:0.8em; font-weight:normal; }
div.nsb div.hdr		{ padding: 0 0 0 5px; height:auto; margin: 0; background-image: url('/images/sb/images/nsbl.jpg'); background-repeat:no-repeat; background-position: left top; overflow: hidden; }
div.nsb div.hdc		{ padding: 5px 8px; margin-left:-5px; }
div.nsb div.bdy		{ padding: 0; margin: 0; border-top: solid 0px #ADC1E2; border-left: solid 1px #ADC1E2; border-right: solid 1px #ADC1E2; border-bottom: solid 1px #ADC1E2; clear: both; }
div.nsb div.bdy	div.bc	{ padding:8px; height:90%; margin:0; }
div.nsb div.ftr		{ padding: 8px; margin: 0; border-top: none; border-left: none; border-right: none; border-top: dotted 1px #ADC1E2; }

/*Overrides for New Styled Box to turn it into the 'New Style Error Box'*/
div.nseb div.nsb div.hdl	{ background-position:right -58px; /*the background posistion change allows us to see a different css sprite (a single image, containing multiple sub images)*/ }
div.nseb div.nsb div.hdc *	{ color:White; }
div.nseb div.nsb div.hdr	{ background-position:left -58px; }
div.nseb div.nsb div.bdy	{ border-top: solid 0px #F00; border-left: solid 1px #F00; border-right: solid 1px #F00; border-bottom: solid 1px #F00; }
div.nseb div.nsb div.ftr	{ border-top: dotted 1px #F00; }

/*Overrides for New Styled Box to turn it into the 'New Style Green Box'*/
div.nsgb div.nsb div.hdl	{ background-position:right -116px; }
div.nsgb div.nsb div.hdc *	{ color:White; }
div.nsgb div.nsb div.hdr	{ background-position:left -116px; }
div.nsgb div.nsb div.bdy	{ border-top: solid 0px #33760f; border-left: solid 1px #33760f; border-right: solid 1px #33760f; border-bottom: solid 1px #33760f; }
div.nsgb div.nsb div.ftr	{ border-top: dotted 1px #33760f; }


/*Icons for the New Style Box*/
div.padlock		{ background-image:url('/images/icons/padlock.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.nseb div.padlock { background-image:url('/images/icons/padlock_error.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.card		{ background-image:url('/images/icons/cardicon.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.regpage		{ background-image:url('/images/icons/regpage.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.invoice		{ background-image:url('/images/icons/invoice.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }

div.pencil		{ background-image:url('/images/icons/pencilicon.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.trolley		{ background-image:url("/images/icons/largetrolley.gif"); background-position: 99% center; background-repeat: no-repeat; padding: 10px 8px !important; }
div.info		{ background-image:url('/images/icons/InformationHeader.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.scannermem	{ background-image:url('/images/icons/scannermemory.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.scannerusb	{ background-image:url('/images/icons/scannerusb.gif'); background-position:99% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.one			{ background-image:url('/images/icons/small1.gif'); background-position:1% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.two			{ background-image:url('/images/icons/small2.gif'); background-position:1% center;background-repeat:no-repeat; padding: 10px 8px !important; }
div.three		{ background-image:url('/images/icons/small3.gif'); background-position:1% center;background-repeat:no-repeat; padding: 10px 8px !important; }

/*Styled Box*/
div.sb
{
    border: solid 0px white;
    padding: 0;
    margin: 0;
}

div.sb div.sbh 
{
    border: solid 0px white;
    padding: 0;
    margin: 0;
    float:left;
    background-image: url('/images/sb/images/sb-tbr.jpg');
    background-repeat:no-repeat;
    background-position: right top;
    height: 27px;
    overflow: hidden;
    width: 100%;
    clear: both;
}

div.sb div.sbl 
{
    border: solid 0px white;
    padding: 0 0 0 5px;
    margin: 0;
    background-image: url('/images/sb/images/sb-tbl.jpg');
    background-repeat:no-repeat;
    background-position: left top;
    height: 27px;
    overflow: hidden;
}

div.sb div.sbb
{
	padding: 0;
    margin: 0;
    border-top: solid 0px #ADC1E2;
    border-left: solid 1px #ADC1E2;
    border-right: solid 1px #ADC1E2;
    border-bottom: solid 1px #ADC1E2;
    clear: both;
}

div.sb div.sbf
{
    padding: 0;
    margin: 0;
    border-top: solid 0px #ADC1E2;
    border-left: solid 0px #ADC1E2;
    border-right: solid 0px #ADC1E2;
    border-top: dashed 1px #ADC1E2;
}
/*End Styled Box*/

/*Tab Page*/
div.leftBoxTab
{
    height:308px; 
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    font: tahoma, verdana;
    font-size: 9.5pt;
    color: black;
    margin: 0;
}

div.leftBoxTab div.tb
{
    clear: both;
    height: 130px;
    overflow: hidden;
    padding-top: 5px;
}

div.leftBoxTab div.lb
{
    width: 100px; 
    float: left;
}

div.leftBoxTab div.rb
{
    width: 155px; 
    float: left; 
    text-align: center;
}

div.leftBoxTab div.rb div
{
    margin-top: 4px;
}

div.leftBoxTab div.rb h3
{
    font-weight: normal;
}

div.leftBoxTab div.rb span
{
    font-weight: bold;
}

div.leftBoxTab h2
{
    font-size: 11pt;
    padding: 0;
    margin: 0;
    color: black;
}

div.leftBoxTab h3
{
    font-size: 10pt;
    margin: 0;
    padding: 0;
    color: black;
}

div.leftBoxTab div.mb
{
    text-align: center;
    height: 150px;
}

div.mb ul
{
    padding:0;
    margin:0;
    list-style-type:none;
}
 
div.mb li
{
    margin-left: 51px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding:0;
    clear: both;
}

div.mb li span
{
    padding:0;
    margin:0;
    width: 45px;
    display: block;
    float: left;
    text-align: right;
}

div.mb li b
{
    padding:0;
    margin:0;
    width: 155px;
    display: block;
    float: right;
    text-align: left;
}

div.mb p
{
    color: #2b3986;
    font-size:9pt;
    font-weight: normal;
    text-align: left;
    padding-right: 2px; 
}

div.leftBoxTab div.bb
{
    padding: 0;
    margin: 0;
}

div.leftBoxTab div.bb div.bbl
{
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

div.leftBoxTab div.bb div.bbr
{
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

div.leftBoxTab div.bb2
{
    height: 50px;
    padding: 0;
    margin: 0;
    text-align: center;
}

div.leftBoxTab div.bb a
{
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

div.leftBoxTab div.bb2 a
{
    color: black;
    text-decoration: underline;
    font-weight: bold;
}

h2.ybh2
{
    width: 100%;
    text-align: center;
    padding-top: 5px ! important;
}

div.jwt
{
    width: 100%;
    text-align: center;
    padding-top: 50px ! important;
    color: #2b3986;
}
 
div.jwt
{
    color: #2b3986;
    width: 100%;
    font-size:11pt;
    font-weight: bold;
}
 
h2.rbh2
{
    text-align: left;
    padding-top: 5px ! important;
    float: left;
}

h2.rbh2r
{
    text-align: right;
    padding-top: 5px ! important;
    padding-right: 5px ! important;
    float: right;
} 

h2.rbh2r a
{
    text-decoration: underline;
    color:#2b3986;
}
 
div.rightBoxTab
{
    height:357px; 
    overflow: hidden; 
    padding: 0px;
    font: tahoma, verdana;
    font-size: 10pt;
    color: black;
}

#TabOneColFixedWidth
{
	width: 890px;
	margin-left: auto; /* center in CSS 2*/
	margin-right: auto; /* center in CSS 2*/
	text-align:left;
}

#TabOneColFixedWidth275
{
	width: 275px;
	margin-left: auto; /* center in CSS 2*/
	margin-right: auto; /* center in CSS 2*/
	text-align:left;
}

/*End Tab Page*/

/* Registration button (Big Green button) */
div#bgbsp
{
	height:5px;
	width: 275px;
	overflow:hidden;
}

div.bgb
{
    height: 45px;
    width: 275px;
    background-image: url('/images/sb/images/bgb.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

div.bgb h2
{
    padding-top: 11px;
    text-align: center;
    font-size: 12pt;
}

div.bgb h2 a
{
    color:#2b3986;    
    text-decoration: none;
}

div.bgb table tr
{
	padding: 0;
	margin: 0;
}

div.bgb table tr th 
{
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    width: 120px;
    height: 42px;
    padding: 0px 5px 0px 5px;
	margin: 0;
}

div.bgb table tr td
{
    width: 140px;
    height: 42px;   
    font-size: 1pt;
    padding: 0px 5px 0px 5px;
	margin: 0;
}

div.bgb ul
{
    padding: 0;
    margin:0;
    list-style-type:none;
    font-size: 8.5pt;
}

div.bgb ul a
{
    color:#2b3986;    
    text-decoration: underline;
}

/* End Registration button (Big Green button) */

/* Tools Page Option */
div.tpo
{
	width: 255px;
	height: 62px;
	padding: 9px 20px 0 20px;
	margin: 0;
	/*overflow: hidden;*/
	float: left;
}

div.tpo h2
{
	margin: 0;
	padding-left: 20px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #D1E2FE;
	background-image: url('/images/sb/images/tpobullet.gif');
    background-position: left center;
    background-repeat: no-repeat;
    width: 220px;
    height: 20px;
}

div.tpo h2 a
{
	font-size: 10.5pt;
	font-weight: bold;
	color: #0D0455;
	text-decoration: none;
}

div.tpo h2 a:hover
{
	font-size: 10.5pt;
	font-weight: bold;
	color: #0D0455;
	text-decoration: underline;
}

div.tpo p
{
	font-size: 10pt;
	margin-bottom:4px;
}

/* End Tools Page Option */

/* Browse User Newsletter Registration */

#nlrColFixedWidth
{
	width: 800px;
	margin-left: auto; /* center in CSS 2*/
	margin-right: auto; /* center in CSS 2*/
	text-align:left;
}

#nlrMBColFixedWidth
{
	width: 500px;
	margin-left: auto; /* center in CSS 2*/
	margin-right: auto; /* center in CSS 2*/
	text-align:left;
}

div.nlrTop
{
	font-size: 10pt;
	font-weight: normal;
	padding: 5px 15px 5px 15px;
}

div.nlrTop p { font-size:1.0em; }

div.nlrTopB
{
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

div.nlrDisclaimer
{
	font-size: 8pt;
	font-weight: normal;
	text-align: center; 
	width:100%;
}

div.nlrOptionsBox
{
	clear:both;
	width: 750px;
} 

div.nlrOptionsColumn
{
	width:375px;
	overflow: hidden;
	float: left;
}

div.nlrOptions
{
	width: 350px;
	height: 20px;
	padding: 10px 0px 10px 20px;
}

div.nlrOptions span.nlrOptionsL
{
	font-size: 10pt;
	font-weight: normal;
	display: block;
	width: 120px;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
	
}

div.nlrOptions input
{
	display: block;
	width: 160px;
	float: left;
}

div.nlrOptions select
{
	display: block;
	width: 165px;
	float: left;
}

div.nlrButtons
{
	width:100%;
	height: 30px;
	clear:both;
}

div.nlrButtons div
{
	width: 150px;
	float: right;
	text-align: center; 
}


/* End Browse User Newsletter Registration */

.npt table { width:100%; }

/* Help Pages CSS */

div.openHelp 
{
    border: solid 1px #ADC1E2;
    padding-left: 30px;
    padding-right: 10px;
    background-image: url("/images/icons/BlueArrow2.gif"); 
    background-position: 10px 7px;
    background-repeat: no-repeat;  
}

div.openHelp p
{
    display: block;
    padding-top: 3px;
}

div.openHelp p a
{
    color: #0000FF;
}

div.openHelp a
{
    color: #0000FF;
}

div.openHelp div
{
    display: block;
}

div.closedHelp 
{
    border: solid 1px white;
    padding-left: 30px;
    background-image: url("/images/icons/BlueArrow2.gif"); 
    background-position: 10px 7px;
    background-repeat: no-repeat;  
}

div.closedHelp p
{
    display: none;
}

div.closedHelp div
{
    display: none;
}

a.helpT
{
    color: #0000FF;
    font-size:0.8em;
}

/* End Help Pages CSS */

#panBranchInfo { line-height:19px }