/* body */
body
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt;
	color:black;
	margin-top:0px;
	background-color:#d1d5d8;
	text-align:center;
	min-width:1024px;
}

img
{
	border:none;
}

.main-wrap
{
	min-width: 624px;
	background: white;
	padding:0 10px 10px 10px;
}

.content-wrap p
{
	margin-top:0px;
	margin-bottom:10px;
}

.content-wrap h1
{
	margin-top:8px;
	margin-bottom: 4px;
	font-size:18px;
	color:Navy;
	font-weight:bold;
}

.content-wrap h2
{
	font-size:15px;
	color:#BD7C01;
	margin-top:8px;
	margin-bottom: 3px;
}

.content-wrap a
{
	color:Navy;
	text-decoration:none;
}

.content-wrap a:hover 
{ 
	text-decoration: underline;  
}



/* http://www.tjkdesign.com/articles/3cols.asp */

#container 
{
	float:left;
	width:100%;

	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;

	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	margin-left:-200px;
}

#left 
{
	float:left;
	width:150px;

	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin-left:200px;
	text-align:left;
}

#main 
{
	/* the width from #left (150px) + the negative margin from #container (200px) */
	margin: 0 0 0 350px;
	padding: 0 0 0 10px;
	text-align:left;
}

#sidebar 
{
	/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
	padding-left:100%;
	
	/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
	margin-left:-200px;
	text-align:left;
}

#sidebar-content
{
	padding: 5px;
	margin: 0 0 0 5px;
	background-color:#eee;
	text-align:center;
}

#sidebar p 
{
	/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
	position:relative
}

.clearing 
{
	height:0;
	clear:both
}

h1.HeaderTitle 
{ 
	FONT-SIZE: 12pt; 
	font-weight: bold;
	padding-left:5px;
	COLOR: white; 
	margin:0px;
}

h1.Seller
{
	font-size:18pt;
	color:Navy;
	margin:0px;
	padding:0px;
}



/* header styles */
A.HeaderLink 
{ 
	TEXT-DECORATION: none; 
	color:Navy;
	font-size:9pt;
	
}
A.HeaderLink:hover
{ 
	text-decoration: underline ;
}


/* link bar */
.LinkBar 
{ 
	color: White; 
	font-size:12pt;
}
A.LinkBar
{
	font-weight: bold;
	text-decoration: none;
}
A.LinkBar:link {}
A.LinkBar:visited {}
A.LinkBar:active {}
A.LinkBar:hover { TEXT-DECORATION: underline }

/* link bar */
.LinkBarSmall
{ 
	color: White; 
	font-size:10pt;
}
A.LinkBarSmall
{
	font-weight: bold;
	text-decoration: none;
}
A.LinkBarSmall:link {}
A.LinkBarSmall:visited {}
A.LinkBarSmall:active {}
A.LinkBarSmall:hover { TEXT-DECORATION: underline }


/* nav styles */
A.Pan
{ 
	Color: Navy; 
	TEXT-DECORATION: none; 
	font-size:8pt
}
A.Pan:hover { TEXT-DECORATION: underline }
A.Pan:active { TEXT-DECORATION: underline }

A.PanSel
{
	/* was font-weight: bolder; */
	color: navy;
  font-size: 8pt;
	background-color: #e3edf6; /* light blue */
	text-decoration: none;
}
A.PanSel:hover { TEXT-DECORATION: underline }

tr.PanHead
{ 
	/* rgb 0, 51, 102 = #336699*/
	/* rgb 0, 51, 153 */
	background-color:#336699; /* cj blue */
	height:16px; 
	FONT-SIZE: 10pt; 
	font-weight:bold; 
	color:white 
}
tr.PanSel
{
	background-color: #e3edf6; /* light blue */
	line-height:16px;
	
}
tr.Pan
{
	line-height:16px;
}

tr.PanBox 
{ 
	background-color:#336699; /* cj blue */
}

/* control lists */
tr.ItemSummaryHeading
{
	background-color:#336699; 
	color:#FFFFFF; 
	line-height:20px;
}
span.ItemSummaryHeading
{
	FONT-SIZE: 10pt;
	line-height: 16px; 
	font-weight:normal;
	COLOR: white; 
}
div.ItemSummaryHeading
{
	margin:1px;
}

/* control lists */
tr.ListHeading 
{
	background-color:#336699; 
	color:#FFFFFF; 
	line-height:20px;
}
span.ListHeading
{
	FONT-SIZE: 10pt; 
	font-weight:normal;
	MARGIN-LEFT: 5px; 
	COLOR: white; 
}

tr.OddList {background-color:#e3edf6;} /* light blue */
tr.EvenList {background-color:#eeeeee;}
tr.evenWhite { COLOR: black; BACKGROUND-COLOR: white }
tr.OddWhite { COLOR: black; BACKGROUND-COLOR: #F5F5F5; }
tr.OddBlue { background-color:#e3edf6; } /* light blue */
tr.EvenBlue { background-color:white; } /* was #F5F5F5 */
div.HeaderTitle 
{ 
	BACKGROUND-COLOR: #336699;
	line-height:25px;
}
div.HeaderTitleY 
{ 
	BACKGROUND-COLOR: #BD7C01;
	line-height:25px;
	FONT-SIZE: 12pt; 
	font-weight: bold;
	COLOR: white; 
}
div.HeaderSubTitleY 
{ 
	BACKGROUND-COLOR:#f0f0f0;
}

tr.HeaderTitle
{
	line-height:25px;
	vertical-align:top;
	BACKGROUND-COLOR: #336699;
}
tr.HeaderTitleY
{
	line-height:25px;
	vertical-align:top;
	background-color: #BD7C01;
}


span.HeaderTitle 
{ 
	FONT-SIZE: 12pt; 
	font-weight: bold;
	MARGIN-LEFT: 5px; 
	COLOR: white; 
}
a.HeaderTitle
{
	FONT-SIZE: 10pt; 
	font-weight: bold;
	COLOR: white; 
	text-decoration: none; 
}
A.HeaderTitle:hover 
{ 
	text-decoration: underline; 
}

span.HeaderOther 
{ 
	FONT-SIZE: 10pt; 
	COLOR: white; 
}
span.Label, td.Label
{
	font-size: 10pt;
	FONT-WEIGHT: bolder; 
	COLOR: #333366;
}
span.LightLabel
{
	font-size: 10pt;
	font-weight: normal;
	color: #333366;
}
span.ErrorLabel
{
	font-size: 10pt;
	font-weight: bolder;
	color: Red;
}
span.LabelY
{
	font-size: 10pt;
	font-weight: bolder;
	color: #BD7C01;
}
span.LabelG
{
	font-size: 10pt;
	font-weight: bolder;
	color: gray;
}
span.LargerLabel
{
	font-size: 12pt;
	FONT-WEIGHT: bolder; 
	COLOR: #333366;	
}
.LargerText
{
	font-size:12pt;
	color:Black;
}
.Text
{
	font-size: 10pt;
	COLOR: black;
}
.TextY
{
	font-size: 10pt;
	COLOR: #BD7C01;
}

.WarningText
{
	font-size: 14pt;
	color: Black;
}
.AckText
{
	font-size: 12pt;
	COLOR: #333366;
	font-weight: bolder;
}
.ErrorText
{
	font-size: 12pt;
	COLOR: black;
	font-weight: bolder;
}

.Footer
{
	font-size: 7pt;
	color: Black;
}

/* anchor styles */



A.BoldLink 
{
	color:navy;
	font-weight:bolder;
	font-size: 10pt;
}
A.BoldLink:link 
{ 
	text-decoration:none; 
}
A.BoldLink:visited 
{ 
	text-decoration: none; 
}
A.BoldLink:active 
{ 
}
A.BoldLink:hover 
{ 
	text-decoration: underline;  
}

A.SmallerLink
{
	color:navy;
	font-size:9pt;
}
A.SmallerLink:link 
{ 
	text-decoration:none; 
}
A.SmallerLink:visited 
{ 
	text-decoration: none; 
}
A.SmallerLink:active 
{ 
}
A.SmallerLink:hover 
{ 
	text-decoration: underline; 
}

A.Normal
{
	color:Navy;
	text-decoration:none;
	font-size:10pt;
}
A.Normal:hover { text-decoration: underline;  }


/* nop - nopurple */
A.nop
{
	color:Navy;
	text-decoration:none;
}
A.nop:hover { text-decoration: underline;  }


A.nopy
{
	/* here's the yellow color:#BD7C01; #404080 */
	color:#BD7C01;
	text-decoration:none;
}
A.nopy:hover { text-decoration: underline;  }

/* nop - nopurple */
A.nopSelected
{
	font-weight:bold;
	color:Navy;
	text-decoration:none;
}
A.nopSelected:hover { text-decoration: underline;  }

/* type headers */
/* used in favorite types control */
.TypeHeader {color:#336699;font-size:8pt;}
A.TypeAnchor
{
	font-size:8pt;
	color:#336699;
	text-decoration:none;
}
A.TypeAnchor:active { text-decoration: underline; }
A.TypeAnchor:hover { text-decoration: underline; }


/* from sell item series */
TR.heading 
{ 
	font-size:12pt;
	FONT-WEIGHT: bold; 
	COLOR: white; 
	BACKGROUND-COLOR: navy;
}
SPAN.SubHeading 
{ 
	font-size:10pt;
	FONT-WEIGHT: bold; 
	COLOR: navy;
}
.instructions 
{ 
	font-size:9pt;
	FONT-WEIGHT: normal; 
	COLOR: black;
}
TR.instructions 
{ 
	font-size:9pt;
	FONT-WEIGHT: normal; 
	COLOR: gray;
}
div.technicalDetails
{
  font-size:9pt;
  font-weight:normal;
  color:Gray;
  font-style:italic;
}

/* page selection */
DIV.pageSel 
{ 
  BORDER-RIGHT: gray thin dotted; 
  BORDER-TOP: gray thin dotted; 
  BORDER-LEFT: gray thin dotted; 
  BORDER-BOTTOM: gray thin dotted; 
  BACKGROUND-COLOR: #F5F5F5; /*#ebebeb */
}
SPAN.pageSelItems 
{ 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 10pt 
}
SPAN.pageSelOf 
{ 
  FONT-SIZE: 10pt 
}
SPAN.pageSelLabel 
{ 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 10pt 
}

SPAN.pageSelCurrentPage 
{ 
  FONT-WEIGHT: bold; 
  FONT-SIZE: 10pt 
}

A.pageSelPage 
{ 
  FONT-SIZE: 10pt; 
  COLOR: navy; 
  TEXT-DECORATION: none 
}

A.pageSelPage:hover 
{ 
  TEXT-DECORATION: underline 
}

/* View Feedback */
tr.vfHeading 
{
  color:Navy;
  font-weight:bold;
  line-height:10px;
}

tr.vfOddList {background-color:#e3edf6;} /* light blue */
tr.vfEvenList {background-color:#e3edf6;} /* #eeeeee */

div.vfHeading
{
	BACKGROUND-COLOR: #336699;
	line-height:25px;
}

span.vfTitle
{
	font-size:12pt;
	FONT-WEIGHT: bold; 
	COLOR: white; 
	margin: 5px;
}

div.vfCriteria
{
  background-color: #F5F5F5;
}

span.vfLabel
{
  font-weight: bold;
}
span.vfModeSelected
{
  font-weight: bold;
  color:Navy;
}

a.vfModeUnSelected
{
  color: Navy;
  text-decoration: none;
}

a.vfModeUnSelected:hover
{
  text-decoration: underline
}

table.info {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
	font-size: 10pt;
	COLOR: black;
}
table.info th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	background-color: #F5F5F5;
	font-size: 10pt;
	COLOR: black;	
}
table.info td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: gray;
	background-color: white;
	font-size: 10pt;
	COLOR: black;	
}
div.FeaturedItem 
{
	width: 180px;
	height: 90px;
}
div.FeaturedItemPic
{
	MARGIN-TOP: 9px;
	MARGIN-LEFT: 9px;
	WIDTH: 75px;
	HEIGHT: 75px
}
.FeaturedItemTitle
{
	MARGIN-TOP: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #8e8e8e;
	LINE-HEIGHT: 80%;
	FONT-FAMILY: 'Arial Narrow';
	text-decoration: none;
}
.FeaturedItemCount
{
	MARGIN-TOP: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #04457e;
	LINE-HEIGHT: 80%;
	FONT-STYLE: italic;
	FONT-FAMILY: 'Arial Narrow';
	text-decoration: none;
}
.FeaturedItemAvailable
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt;
	COLOR: #04457e;
	FONT-STYLE: italic;
	FONT-FAMILY: 'Arial Narrow';
	TEXT-DECORATION: 'underline';
}

.buttonBar
{
	background: #336699;
	width:100%;
	height:34px;
}

.buttonBar div.button
{
	float:left;
	padding-top:5px;
	padding-bottom:12px;
	margin-top:8px
}

 .button a:link, .button a:active, .button a:visited 
 {
 	vertical-align:middle;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #336699;
	height:18px;
	margin:6px;
	padding: 5px;
	text-align: center;
}

 .buttonY a:link, .buttonY a:active, .buttonY a:visited 
 {
 	vertical-align:middle;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #BD7C01;
  line-height:22px;
	margin:6px;
	padding: 5px;
	text-align: center;
	overflow:visible;
}

 

.button span 
{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #072E4F;
	background: #e3edf6;
	height:18px;
	margin:6px;
	padding: 5px;
	text-align: center;
}

.button a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	background: #334666;
	height:18px;
	margin:6px;
	padding: 5px;
	text-align: center;
}
.buttonY a:hover
{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	background: #334666;
	line-height:22px;
	margin:6px;
	padding: 5px;
	text-align: center;
}


.smallbutton a:link, .smallbutton a:active, .smallbutton a:visited 
 {
 	vertical-align:middle;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #336699;
	height:14px;
	margin:0px;
	padding: 4px;
	text-align: center;
}

.smallbutton .smallbutton span 
{
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #072E4F;
	background: #e3edf6;
	height:14px;
	margin:0px;
	padding: 4px;
	text-align: center;
}


.smallbutton a:hover
{
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	background: #334666;
	height:14px;
	margin:0px;
	padding: 4px;
	text-align: center;
}

div.buttonY2
{
	height:30px;
}

.buttonY2 a
{
	float:left;
	padding: 5px 10px 5px 10px;
}

.buttonY2 a:link, .buttonY2 a:active, .buttonY2 a:visited 
 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
	background: #BD7C01;
	height:18px;
	margin:0px;
	text-align: center;
}

.buttonY2 a:hover, .buttonY2 a.active
{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: white;
	background: #334666;
	height:18px;
	margin:0px;
	text-align: center;
}


div.CartOrder
{
	margin-left:25px;
	margin-right:25px;
	border-style:solid;
	border-width:1px;
	border-color:#336699;
}

div.CartOrderTitle
{
	padding:5px;
	background-color:#336699;
	color:White;
	font-weight:bold;
}

div.CartOrderBody
{
	padding:5px;
}

div.Success
{
	text-align:center;
	border:solid 1px green;
	background-color:#eeffee;
	color:Black;
	padding:10px;
}

div.Success span
{
	color: Black;
	font-size: 12pt;
	font-weight: bolder;

}

.title
{
	FONT-SIZE: 12pt; 
	font-weight: bold;
	padding-left:10px;
	COLOR: white; 
	margin:0px;	
	BACKGROUND-COLOR: #336699;
	line-height:25px;
}

div.content-wrap
{
	min-height:300px;
}

div.item-summary-wrap
{
	
}

div.heading
{
	line-height:25px;
	color: White;
	background-color: #336699;
	margin: 0px 0 10px 0;
	padding: 0 10px;
	font-weight:700;
	font-size: 12pt;
}

div.panel
{
	margin-bottom:10px;
}



.menu-static
{
	color: #555;

}

.menu-static-item
{
	color: #eef;
	font-weight: bold;
	font-size: 14px !important;
	padding-left:10px;
	padding-right:10px;
}

.menu-static-item:hover
{
	color:#fff;
}

.menu-static-hover
{
}


.menu-dynamic
{
  border-right:solid 1px #000;
  border-left:solid 1px #000;
  border-bottom:solid 1px #000;
  color: #555;
  font-size:12px;
  z-index:1;
}

.menu-dynamic a
{
  color: #555;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 1;
}

.menu-dynamic-hover, .menu-dynamic-hover td
{
	color: black;
	background-color:#eee;
}



.menu-dynamic-hover a:hover
{
	color: black;
	text-decoration:none;	
}

.menu-dynamic-item
{
  text-align:left;
  border-top:solid 1px #000;
  padding-top: 0px;
  padding-bottom: 0px;
}
					
.menu-dynamic-selected
{
}


.subnav2
{
	border: solid 1px #336699;
}

.subnav2-title
{
	color:White;
	background-color: #336699;
	font-weight:bold;
	padding-left:2px;
	padding-top:2px;
	font-size:13px;
}

.subnav2 ul
{
	margin:0;
	list-style: none;
	font-size: 8pt;
	padding:0;
	display:inline;
}

.subnav2 li
{
	margin:0;
	display:inline;
}

.subnav2 ul li div
{
	padding-top:2px;
}


.subnav2 ul li div:hover, .subnav2 div.active
{
	background-color:#e3edf6;
}

.subnav2 ul li ul li div
{
	padding-left:6px;
}

.subnav2 a
{
	padding-left:4px;
	color: navy;
	text-decoration: none;
}

.subnav2 a:hover 
{ 
	text-decoration: underline 
}

.breadcrumbs a
{
	color: Navy;
	text-decoration: none;
}

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

.sitemap ul 
{
	list-style-type:square;
}

.sitemap li
{
	padding-top: 4px;
}