/*	-----------------------------------------------------------------------------------
			general section (all pages)
--------------------------------------------------------------------------------------	*/ 
body {
scrollbar-base-color:#CDDBEB;
background-attachment:fixed;
background-image:url(../images/backmrop.gif);
background-repeat:repeat;
color:#444D9C;
font-family:Verdana, Lucida Grande, sans-serif;
font-size:9pt;
font-weight:normal;
font-stretch:normal;
margin-top: 40px;
margin-left:7px;
}

.body_left {
	text-align: left;
	position: relative;
	width: 825px;
}

.body_right {
	text-align:left;
	position: relative;
	width: 825px;
}

.Embed {
	z-index:100;
}
.EmbedPdf {
	z-index:100;
}


.body_center {
	text-align: center;
	position: relative;
	width: 825px;
}

.Return { 
	font-family: Arial, sans-serif;
	font-size: 11.5px;
	color: #606060;
}

.Input {
	height:17px;
	vertical-align:middle;
	margin-top:3px;
	font-size:10px;
	color:black;
}

/*	-----------------------------------------------------------------------------------
			normalTable
--------------------------------------------------------------------------------------	*/
.normalTable table {
	width:100%;
	padding-top: 5px;
	padding-left: 5px;
	margin-top:10px;
	margin-bottom:10px;
}
.normalTable {
	text-align: left;
	font-family: Verdana, Lucida Grande, sans-serif;
	font-size: 12px;
	color: #606060;
}

table.normalTable { 
}

table.normalTable tr th { 
	text-align: left;
	font-family: Verdana, Lucida Grande, sans-serif;
	font-size: 12px;
	color: #606060;
}

table.normalTable a { 
	text-align: right;
	font-family: Verdana, Lucida Grande, sans-serif;
	font-size: 12px;
	color: #606060;
}

.PageButton {
	vertical-align:middle;
	color:#1540a9;
	font-size: 11px;
	height:25px;
  background:white;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:5px;
}

.normalTable input {
	height:17px;
	vertical-align:middle;
	margin-top:3px;
	font-size:10px;
	color:black;
}

table.normalTable img {
	vertical-align:middle;
	border:0; 
}

/*	-----------------------------------------------------------------------------------
			header for most pages
--------------------------------------------------------------------------------------	*/
table.headerTable { 
	width:100%;
	border-top: 1px solid #606060;
	border-bottom: 1px solid #606060;
	padding-top: 10px;
	padding-left: 5px;
	margin-top:10px;
	margin-bottom:10px;
}

table.headerTable tr th { 
	text-align: left;
	font-family: Verdana, Lucida Grande, sans-serif;
	font-size: 14px;
	color: #0f1841;
}

table.headerTable a { 
	text-align: right;
	font-family: Verdana, Lucida Grande, sans-serif;
	font-size: 11.5px;
	color: #0f1841;
}

/*	-----------------------------------------------------------------------------------
			main table for most pages
--------------------------------------------------------------------------------------	*/
.mainTable tr {
	line-height:20px;
}

.mainTable tr th {
	background-color:#0f1841;
	font-size:12px;
	color:white;
	font-family:Verdana, Lucida Grande, sans-serif;
	vertical-align:text-top;
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
	border-bottom: 1px solid #606060;
}

.mainTable tr td,
.mainTable tr td p {
	font-size:12px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Lucida Grande, sans-serif;
	vertical-align:text-top;
	padding-left:5px;
	padding-right:5px;
}

.mainTable a:link,
.mainTable a:hover {
	font-size:12px;
	color:#315f8b;
	font-weight:normal;
	text-decoration:underline;
	font-family:Verdana, Lucida Grande, sans-serif;
	vertical-align:text-top;
	padding-left:5px;
	padding-right:5px;
}

.mainTable img {
	vertical-align:middle;
}

.mainTable input {
	height:17px;
	vertical-align:middle;
	margin-top:3px;
	font-size:10px;
	color:black;
}

/*	-----------------------------------------------------------------------------------
			Bottom table If required
--------------------------------------------------------------------------------------	*/
table.bottomTable {
	margin-top:5px;
	width:100%;
}

.bottomTable td {
	font-size:11.5px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:text-top;
	padding-right:10px;
}

.pdfTable {
	margin-top:0px;
}

.pdfIcons a {
	font-size:11px;
	color:black;
	font-weight:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}


/*	-----------------------------------------------------------------------------------
			Attribute Table
--------------------------------------------------------------------------------------	*/

tr.Grey,
tr.Grey a,
tr.Grey a:hover,
tr.Grey a:visited {
	background-color:#D3D3D3;
}

table.attributeTable {
	border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width:100%;
}

th.attr_header {
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-decoration:underline;
}

.attributeTable th {
	font-size:11px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:text-top;
	padding-left:5px;
	padding-right:10px;
}

.attributeTable td,
.attributeTable a:link,
.attributeTable a:hover,
.attributeTable a:visited {
	font-size:10px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:text-top;
}

/*	-----------------------------------------------------------------------------------
			Add Cart tables
--------------------------------------------------------------------------------------	*/

.addCartTable {
width: 500px;}

.addCartTable tr {
	line-height:20px;
}

.addCartTable th {
	font-size:11px;
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
	padding-right:15px;
	vertical-align:text-top;
	width: 135px;
}

.addCartTable td {
	font-size:11px;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	vertical-align:text-top;
}

.addCartTable input {
	height:17px;
	vertical-align:top;
	margin-top:3px;
	font-size:10px;
	color:black;
}

.Invisible,
.Invisible tr {
	visibility:	hidden;
	display:	none;
}

.Picture {
	border:3px;
	margin-right:20px;
	margin-bottom:10px;
}

/*	-----------------------------------------------------------------------------------
			General attributes
--------------------------------------------------------------------------------------	*/

A:link {
text-decoration:none;
color:#336699
}

A:visited {
text-decoration:none;
color:#336699
}

A:hover {
	text-decoration:underline;
}

.block {
background-color:#E6E6FF;
border-style:outset;
border-width:3px;   
border-color:red
}

.block_small {
background-color:#E6E6FF;
border-style:inset;
font-size:10pt;
border-width:2px;   
border-color:red;
}

.header	{color:black;
font-size:10pt;
background-color:#B7B9FF;
border-style:solid;
border-width:1px;   
border-color:#0099CC
}

.normal	{
font-size:10pt;
}

.footer	{color:#2F356B;
font-size:10pt;
background-color:#B7B9FF;
border-style:solid;
border-width:1px;   
border-color:#0099CC
}

A.head_link:link {
color:yellow;
font-size:10pt
}

A.head_link:visited {
color:yellow;
font-size:10pt
}

.ord_top {
background-color:#BCBCBC;
color:#23214F;
font-size:10pt
}

.row_block {
border-style:inset;
border-width:1px;   
border-color:black
}

.row_head {
background-color:#C00000;
color:white;
font-size:10pt;
font-weight:bold;
height:25px;
}

.row_1 {
background-color:white;
color:#000099;
font-size:10pt;
font-weight:bold;
height:20px
}

.row_2 {
background-color:white;
color:#000099;
font-size:10pt;
font-weight:bold;
height:20px;
}


.row_drill {
font-size:9pt;
}

.row_text {
font-size:9pt;
}

.row_10 {
font-size:10pt;
}

.underline {
text-decoration:underline;
}

.radio {
background-color:red;
color:#000099;
height:15px;
width:50px;
border-style:solid;
border-width:1px;   
border-color:#0099CC
}

/*	-----------------------------------------------------------------------------------
			buttons
--------------------------------------------------------------------------------------	*/

.button,
.button_over,
.button_red,
.button_red_over,
.button_small,
.button_small_over {
height:25px;
border-style:outset;
border-width:1px;
border-color:#000099;
cursor:hand;
font-family:arial;
font-size:9pt;
font-weight:bold;
font-stretch:normal
}

.button	{
background-color:white;
color:#000099
}

.button_over {
background-color:#000099;
color:white
}

.button_red {
background-color:#C00000;
color:white;
font-weight:bold;
border-width:0px;
}

.button_red_over {
background-color:white;
color:#C00000;
font-weight:bold;
border-width:0px;
}

.button_small {
background-color:white;
color:#000099;
height:20px;
font-size:10pt;
}

.button_small_over {
background-color:#000099;
color:white;
height:20px;
font-size:10pt;
}

/*	-----------------------------------------------------------------------------------
			menu
--------------------------------------------------------------------------------------	*/

.menu_banner {
	position:	absolute;
	top:	0px;
	left:	0px;
	width:	100%;
	height:	24px;
	background-color:#0F1841;
}

.menu_bar {
	position:	absolute;
	z-index:	100;
	top:	0;
	left:	340px;
}

#menu_Iframe1,
#menu_Iframe2,
#menu_Iframe3 {
	visibility: visible;
	border: 	0;
	overflow:	auto;
	position:	absolute;
	display:	none;
	top:	-20px;
}
#menu_Iframe1 {
		/*left: 120px;*/
		left: 451px;
		width:	159px;
		height:	148px;
}
#menu_Iframe2 {
		/*left:	340px;*/
		left:	670px;
		width:	160px;
		height:	56px;
}
#menu_Iframe3 {
		/*left: 120px;*/
		left: 450px;
		width:	160px;
		height:	172px;
}

.clSover,
.clS2over,
.clTover,
.clB,
.clBar {
/*	layer-background-color:white;*/	/* top - background	*/	
/*	background-color:white;*/
	layer-background-color:#BCBCBC;	/* top - background	*/	
	background-color:#0F1841;
	color:white;
}

.clT,
.clTover {
	padding:4px;					/* top - text		*/
	font-size:11px;
	font-variant: small-caps;
}

.clT {
/*color:#23214F;*/					/* top - text regular	*/
}


.clTover {
/*	color:#000099;*/					/* top - mouse over	*/
}

.clS,
.clS2 {
	color:#23214F;					/* pull down text	*/
	background-color:#CDDBEB;
	layer-background-color:#CDDBEB;
}

.clS,
.clSover {
	padding:3px;					/* pull down text	*/
	font-size:9px;
	font-weight:bold
}

.clSover,
.clS2over {
	color:white;					/* pull down mouse over	*/
}	


.clS2,
.clS2over {
	padding:4px;
	font-size:10px;
}

.clCMEvent {
	position:absolute;
	z-index:300;
	width:100%;
	height:100%;
	clip:rect(0,100%,100%,0);
	left:0;
	top:0;
	visibility:hidden
}

.clCMAbs {
	position:absolute;
	width:9px;	
	height:9px;
	left:0;
	top:0;
	visibility:hidden
}

.clT,
.clTover,
.clS,
.clSover,
.clS2,
.clS2over {
	position:absolute;
	overflow:hidden;
	width:160px;
	height:25px;
	cursor:hand
}

.clB {
	position:absolute;
	visibility:hidden;
	z-index:300
}

.clBar {
	position:absolute;
	width:10px;
	height:10px;
	visibility:hidden
}
.h5 p b {
	font-size: 12px;
}
.h5 .h5 b {
	font-size: 12px;
}

/*	-----------------------------------------------------------------------------------
			autocomplete section
--------------------------------------------------------------------------------------	*/

#autocomplete_div {
	text-align:	right;
	font-size:	11px;
	position: absolute;
	left:10px;
	top:1px;
	z-index: 1000;
}

#autocomplete_div input {
	font-size: 10px;
	line-height: 11px;
	vertical-align:middle;
}

.SearchButton {
	margin-top:2px;
	vertical-align:middle;
	color:#1540a9;
	font-size: 11px;
	height:19px;
  background:white;
	padding-left:3px;
	padding-right:3px;
}

div.autocomplete_results
{
	position:		absolute;
	background-color:	white;
	border:			1px solid LightGrey;
	margin:			40px 0px 0px 20px;
	padding:		0px;
	overflow-y:	auto;
	color: #0f1841;
	line-height: 6px;
	max-height:	400px;
    width: 400px;
/*	height:			400px;*/
	font-family:	sans-serif;
	z-index:1000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.autocomplete_results ul
{
	list-style-type:	none;
	margin:			0px;
	font-weight: bold;
	font-size:	10.5px;
	padding:		0px;
/*	width:			500px;*/
}

div.autocomplete_results ul li.selected
{
	background-color:	#eee;
	border:	1px solid black;
	border-radius: 3px;
}
/*div.autocomplete_results ul li.heading.selected
{
	background-color:	black;
	border:						2px solid white;
	cursor:						pointer;
}*/ /* IE8 has problems with this, applying these styles to li.selected above - sigh */

div.autocomplete_results ul li
{
	list-style-type:	none;
	display:		block;
	margin:			0;
	padding:		2px;
/*	height:			32px;*/
	cursor:			pointer;
	border:	1px solid white;	/* invisible border, so no shifting occurs when an LI is selected */
}

div.autocomplete_results ul li.heading {	/* format headings */
	font-weight:	bold;
	font-variant: small-caps;
	font-size:		13px;
	line-height: 13px;
	background-color:	#CCC;
	border: black;
	color:		black;
	padding-left:			0px;		/* left -ve indent */
}

div.autocomplete_results ul li.stock {	/* format stock numbers */
	font-style:	italic;
}

div.autocomplete_results ul li.brand,
div.autocomplete_results ul li.subcategory {	/* format sub(brands|categories) */
	padding-left:			20px;
	font-weight: normal;
	font-size:	10px;
}

/*	-----------------------------------------------------------------------------------
			Category Drill down - Tree
--------------------------------------------------------------------------------------	*/
.tree{
	margin:5px;
	padding:0px;
}

.tree ul{	/* Sub menu groups */
	margin-left:20px;	/* Left spacing */
	padding-left:0px;
	display:none;	/* Initially hide sub nodes */
}

.tree li{	/* Nodes */
	list-style-type:none;
	vertical-align:middle;
	white-space: nowrap;	/* don't let text wrap to new line */
}

.tree li a{	/* Node links */
	color:#000;
	text-decoration:none;
	font-family:Verdana, Lucida Grande, sans-serif;
	font-size:12px;
	padding-left:2px;
}

.tree li.single {
	padding-left:20px;
}

.tree img {
	border: 0;
}

/*	-----------------------------------------------------------------------------------
			Pop Up's
--------------------------------------------------------------------------------------	*/

div.ghostDiv {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:white;
	opacity:.7;
  filter:alpha(opacity=70);
	z-index:195;
}

div.popupDiv {
	position:absolute;
	align:center;
/*
	top:55px;
	height:275px;
	left:150px;
	width:200px;
*/
	background-color:white;
	border-color:#000066;
	border-style:outset;
	border-width:thin;
	padding-left:0px;
	padding-right:0px;
	z-index:196;
}


/*	-----------------------------------------------------------------------------------
			global notes section
--------------------------------------------------------------------------------------	*/

.notes a {
color:black;
text-align: center;
font-family:Verdana, Lucida Grande, sans-serif;
}

.notes td {
	color:black;
	font-size:10px;
	font-family:Verdana, Lucida Grande, sans-serif;
	text-align:left;
	vertical-align:text-top;
	padding-right:3px;
}

.notes th {
	color:black;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	font-family:Verdana, Lucida Grande, sans-serif;
	text-align:left;
	vertical-align:text-top;
	padding-right:3px;
}