/* CSS Document */
<!--

* {
margin: 0; padding: 0;
}


body
{
	margin-top: 4px;
	background: #DDD; 
	text-align: center;
}

.wrapper {
	position: relative;
	top: 0px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index: 0;
}
.wrapper2 {
	position: relative;
	display: block;
	top: 4px;
	overflow: visible;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
	text-align: center; 
	background: #FFF;

}

.pagelayout {
	position: relative;
	display: block;
	width: 800px;
	margin-top: -7px;
	top: 0;
	float: left;
	z-index: 0;
	background: white;
	text-align: left;
	min-height: 900px;
}


.banner_cont {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
border: 0 none;
z-index: 4;
}

.banner_large {
	position: absolute:
	display: inline-block;
	top: 0px;
	margin-top: 0px;
	margin-bottom: 10px; 
	height: 260px;
	border: 0 none;

}

.banner_lb {
position: absolute;
top: 0px;
left: 0px;
margin-left:4px;
padding: 3px;
display: inline-block;
z-index: -9;
width: 300px;

}

.rightcol {
	position: absolute;
	top: 0px;
	margin: 0px;
	right: 15px;
	border: 0 none;
}

.mini {
	position: relative;
	display: block;
	margin-top: 0px;
	margin-bottom: 7px;
	border: 0 none;
}

.mini-b {
	position: absolute;
	display: inline-block;
	z-index: -9;
	width: 100px;
	top: 0px;
	left: 2px;
}

.spotlight { 
position: absolute;
float: right;
width:184px;
height:132px;
padding:8px;
margin-left:14px;
color: #000;
background: url(/images/box.jpg) no-repeat 0 0;
overflow: hidden;
font-size: 7pt;
right: 12px;
}

.spotlight span a { 
position:absolute;
bottom:10px;
left:110px;
padding:4px;
padding-top:0px;
color: #000;
width:188px;
height:10px;
text-decoration:none;
overflow:visible;
font-size: 9pt;
}

.spotlight .spotthumb {
position: relative;
float:right;
right: 0px;
top: -14px;
margin-left: 4px;
text-align:right;
margin-right:4px;
}

.spotlight h2 {

color: #FFF;
}

.spotlight div h2 {
font-family: Gill Sans, Arial, Sans-serif;
font-size:7pt;
color: #FFF;
}

#bodycopy {
	font-size: 10pt;
	font-famliy: Gill Sans, Arial, Sans-serif;
	color: #000;
	width: 400px;
}

#bodycopy img {
margin-bottom: 8px;
margin-top: 10px;
}

h1 {
	color: #017cc3; /* brightblue */
	font-size: 12pt;
	font-weight: bold;
	font-famliy: Gill Sans, Arial, Sans-serif;
	margin:0px;
	display: inline;
}

h1 a {
	text-decoration: none;
}

h2 {
	color: #017cc3;
	font-size: 12pt;
	font-weight: bold;
	font-famliy: Gill Sans, Arial, Sans-serif;
	text-decoration: none;
	margin:0px;
	padding-top: 8px;
}

h2 a {
	color: #017cc3;
	font-size: 12pt;
	font-weight: bold;
	font-famliy: Gill Sans, Arial, Sans-serif;
	text-decoration: none;
}



.thumbnail {
	position:relative;
	float:left;
	font-family: Gill Sans, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #017cc3;
	text-align:right;
	width:140px;
	margin-right:20px;padding-bottom:10px;height:250px;
	overflow:visible;
}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;

}

.menu {
position: absolute; /* Menu position that can be changed at will */
display: inline-block;
left: 0px;
top: 0px;
margin-left: 152px;
margin-top: -20px;
z-index:1;
	font-size: 12px;
	font-family: Gill Sans,Arial,sans-serif;
	font-weight: bold;
	color: #002f5d; /* blue */

}

.menu dl {
position: relative;
z-index: 9;
float: left;
width: 6.5em;

}
.menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
text-align:center;

}
.menu dd {
display: none;
border: 1px solid gray;
font-weight: normal;
font-size: 12px;
width: 15em;
	padding: 4px;
	background: white;
	margin-left: 8px;
	margin-top: 3px;
}
.menu li {
text-align: center;
background: #fff;
text-align:left;
list-style: none outside;
padding-left: 0px;
margin-left: 0px;

}
.menu li a, .menu dt a {
	color: #002f5d; /* blue */
text-decoration: none;
display: block;
height: 100%;
border: 0 none;

}
.menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;

}









.anylinkcss {
position: absolute;
left: 0px;
margin-left: -175px;
margin-top: -65px;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height: 18px;
z-index: 9;
background-color: #FFF;
width: 200px;
}

.anylinkcss a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
/* background-color: black; */
background-color: #ffc726;  /* gold */
color: white;
}



.search {
	position: relative;
	z-index:9;
	top: -22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 4px;
	width:160px;
	color: #ffc726; /* gold */
}

.search #submitbutton {
position: relative;
top: 2px;
}

.moreinfo
{
	position: relative;
	float: right;
	background-color: #99F;
	border-color: #002F5D;
	border-width: 1px;
	border-style: solid;
	margin-left:10px;
}

.moreinfotop
{
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	background-color: #99F;
	border-color: #002f5d;
	border-width: 1px;
	padding:4px;
	padding-bottom:4px;
}
.moreinfobottom
{
	font-family: arial;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	background-color: #002f5d;
	border-color: #002f5d;
	border-width: 1px;
	padding:4px;
	margin-top:2px;
}

.breadcrumbs
{
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #AAA;
	background-color:transparent;
	margin-bottom: 4px;
}

.breadcrumbs a { color: #69C; }

.breadcrumbs a:hover {
	text-decoration:underline;
	color:#7c2230;
}

ul {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px;
padding-bottom:0px;
list-style: disc inside;

}

li {
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
padding-left:0px;
padding-bottom:0px;

}

.leftmenumain ul {
margin-top: 0px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
margin-bottom: 6px;
font-size: 9pt;
}


.leftmenumain
{
	position: relative;
	display: inline-block;
	float:left;
	z-index: 9;	
	top: 0px;
	left: 0px;
	margin-top: -10px;
	padding-left: 2px;
	width: 160px;
	text-decoration: none;
	font-family: Gill Sans,arial,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #002f5d; /* blue */
}


/* A tree menu with collapsing branches */
.leftmenumain ul, a { /*CSS for Simple Tree Menu*/
	margin-left: 2px;
	font-size: 9pt;
	/* color:#7c2230;  maroon */	
}

.leftmenumain li, a
{
	/*Style for LI elements in general (excludes an LI that contains sub lists)
	This affects most of the menu */
	background: url('/images/button_list.gif') no-repeat left transparent;	
	list-style-type: none;
	font-family: Gill Sans,arial;
	/* color: #002f5d; /* blue */
	/* color:#7c2230; /* maroon */
	text-decoration: none;
	margin-left: 2px;
}

.leftmenumain li a:hover
{
	/*Style for LI elements in general (excludes an LI that contains sub lists)*/
	
	list-style-type: none;
	font-family: Gill Sans,arial;
	/* color:#7c2230;  /* maroon */
	text-decoration: underline;
	
}

.leftmenumain li.submenu 
{
	/* Style for LI that contains sub lists (other ULs). */
	cursor: pointer !important;
	display:block;
	font-family: Gill Sans,arial;
	padding-left: 10px;
	margin-left: 0px;
	background: url('/images/button_closedb.gif') no-repeat transparent;
	list-style-type: none;
	text-decoration: none;
	
}


.leftmenumain li.submenu ul
{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	text-decoration: none;
	font-weight:normal;
	list-style-type: none;
	/* color:#7c2230;  /* maroon */
	/* color: #002f5d; /* blue */
	
}

.leftmenumain .submenu ul li
{
	/*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	text-decoration: none;
	list-style-type: none;
	
}

.leftmenumain .submenu ul:hover li:hover a:hover { 
	/*Style for LIs of ULs that are children of LIs (submenu) 
	This is the main hover attribute*/
	cursor: default;
	text-decoration: underline;
	/* color:#F6D565; /* orange */
	 color:#017cc3; 
	/* color: #002f5d; /* blue */
}

.leftmenumain a:hover
{	
	text-decoration: underline;	
	cursor: default;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	/* width: 17em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



table.cart {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
}
/*
table.cart:tr {
	background-color : gray;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}

table.cart:td {
	background-color : white;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}

table.carthead:td {
	background-color : white;
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
}
*/
#content {
	position: absolute;
	overflow: visible;
	top: 0; left: 0;
	z-index: 0;
	width: 630px;
	margin-top:    0px;
	padding-left: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: normal;
	font-weight: normal;
	text-decoration: none; 

	background: white;
}

#helpwin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: normal;
	font-weight: normal;
	color: #002F5D;
	text-decoration: none;
	background-color: #DDEEEE;
	margin: 3px;
	padding: 3px;
	border: 2px solid #000000;
	float:right; 
	width:200px; 
	z-index:1; 
	left: 498px; 
}
#mainwin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #EEEEEE;
	margin: 3px;
	padding: 6px;
	border: 2px solid #000000;
	width:400px; 
	z-index:1; 
}
#formelement p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: normal;
	font-weight: normal;
	text-decoration: none;
	background-color: #EEEEEE;
	text-align: right;
	right: auto;
}

#boxrequired {
	padding: 1px;
	float: right;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7c2230;
	border-right-color: #7c2230;
	border-bottom-color: #7c2230;
	border-left-color: #7c2230;
}
-->




.redtext {

	color : #FF0000;

}



.phone {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 0.75em;
	color : #7c2230;
	background-color : transparent;
}


a.contact:link, a.contact:visited {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 1em;
	color : #7c2230;
	background-color : transparent;
}

.headerLeft {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	color : #333366;
	background-color : transparent;
	padding-top : 18px;
	padding-left : 24px;
	margin-bottom : -16px;

}

.header {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	color : #7c2230;
	background-color : transparent;
	padding-top : 18px;
	padding-left : 8px;
	margin-bottom : -16px;
}



.header2 {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size : 14px;
	color : #7c2230;
	background-color : transparent;
	padding-top : 20px;
	padding-left : 24px;
	font-weight : bold;
	}


.navigation {
	background : #ffffff;
	color : #7c2230;
}



a {
/* color: #7c2230; */
 color: #002f5d; 
/* color:#ffc726;  gold */
}

.productdescription {

	font-size : 18px;

	color : #4F8D97;

}



.footersuggestions {

	font-family : Verdana, Geneva, Helvetica, sans-serif;

	font-size: 12px;

	text-align : center;

	color: #000033;

}



.footer {

	font-family : Verdana, Geneva, Helvetica, sans-serif;

	font-size: 12px;

	text-align : center;

	color: #7c2230;

}



a.footer:link {

	font-family : Verdana, Geneva, Helvetica, sans-serif;

	font-size: 12px;

	text-align : center;

	color: #4F8D97;

}

.tableNewProd {

	color: #FF0000;
	font-size: smaller;

}

.tableDiscontinuedProd {

	color: #4F8D97;
	font-size: smaller;

}

.tableProd {

	font-size: smaller;

}

.revWhite {
	color: white;
	background-color: 333366;
	font-size: smaller;
}

.revWhiteBlack {
	color: white;
	background-color: black;
	font-size: smaller;
}

.revWhite2 {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
	color: white;
	background-color: 333366;
}

.rev2 {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-size: 9px;
}

.greytext {

	font-family : Verdana, Geneva, Helvetica, sans-serif;

	font-size: larger;

	text-align : center;
	color: #CCCCCC;
}

.indexbody {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align : left;
	color: #000033;
}

.description {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.75em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color : transparent;
}

.requiredred {
	font-family : Verdana, Geneva, Helvetica, sans-serif;
	color : red;

	font-size : 9px;

	background-color : transparent;

}

.requiredgreen {

	font-family : Verdana, Geneva, Helvetica, sans-serif;
	
	color : #4F8D97;

	font-size : 9px;

	background-color : transparent;

}

.requiredwhite {

	font-family : Verdana, Geneva, Helvetica, sans-serif;
	
	color : white;

	font-size : 9px;

	background-color : transparent;

}

.requiredblack {

	font-family : Verdana, Geneva, Helvetica, sans-serif;
	
	color : black;

	font-size : 9px;


}

.topline {
border-top-style:solid;border-top-width:2px;border-top-color:black;
}


.requiredoption {
	color: #FF0000;
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

.minorheader {

	font-family : Verdana, Geneva, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 0.75em;
	color : #000000;

}

.proddesc {
	position:relative;
	float:left;
	font-family: Gill Sans,Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #017cc3;
}
.proddetail {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align:left;
	width:500px;
	display:inline;
	
}
.sidebartext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align:left;
	color: #black; 
}
.sidebartext a {
color: #7c2230;
}


.listhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	text-align: center;
}
.listline1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CADDDD;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: center;
*/
}
.listline2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF; 
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	*/
	text-align: center;
}

.leftaligned {
	text-align: left;
}

.requiredgray {

	font-family : Verdana, Geneva, Helvetica, sans-serif;
	
	color : #666666;

	font-size : 9px;

	background-color : transparent;

}

.tableNewProdRED {
	color: #FF0000;
}

.tableDiscontinuedProdGRAY {
	color: #2222FF;
}