@import url(/styles/controls/includes.css);
@import url(/styles/general.css);

html, html * {
	font-family: Verdana, Arial, helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.25;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

input, select {
	margin-top: 0px;
	margin-bottom: 1px;
	padding: 1px;
}
input[type=checkbox] {
	margin-top: 1px;
	margin-bottom: 2px;
}

h1 {
	margin: 0px;
	font-size: 18px;
}

h1.ProductTitle 
{
	text-decoration: none;
}

a.ProductTitle 
{
	text-decoration: none;
	font-size: 18px;
}

body 
{
	background-color: #ffffff;
}

h2 {
	width: 100%;
	font-size: 17px;
}

#Header {
	color: #ffffff;
	margin-left: 0px;
	width: 100%;
	height: 64px;
}

#Header * {
	color: #ffffff;
	text-decoration: none;
}

#Header * a {
}

#Header * a:hover {
	text-decoration: underline;
}

table.NavTable 
{
	height: 59px;
}

tr.NavTop 
{
	height: 24px;
}

tr.NavBot 
{
	height: 35px;
	vertical-align: middle;
}

td.TMFirst {
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 4px;
	white-space: nowrap;
}


td.TMMid {
	border-right-color: white;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 4px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 4px;
	white-space: nowrap;
}

td.TMLast {
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

#MainMenu {
	color: #ffffff;
	padding-top: 64px;

}

#MainMenu * {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

#MainMenu * a {
	font-weight: bold;
}

#MainMenu * a:hover {
	text-decoration: underline;
}

.SubmenuHeading {
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	height: 30px;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 15px;
}

.BlankSubmenuHeading 
{
	color: #ffffff;
	height: 30px;
	margin-bottom: 5px;
	padding: 5px 5px 5px 15px;
}	

.SubmenuSubheading {
	text-align: right;
	font-weight: bold;
	height: 30px;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 5px;
}

.SubmenuHeading *, .SubmenuSubheading * {
	color: #ffffff;
	text-decoration: none;
}


#Submenu a {
	text-decoration: none;
	color: #003366;
}

#Submenu a:hover {
	text-decoration: underline;
	color: #0000ff;
}


#Submenu .SubmenuHeading a 
{
	text-align: right;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

#Submenu .SubmenuHeading a:hover {
	text-decoration: none;
	color: #ffffff;
}


#Submenu .SubmenuSubheading a 
{
	text-align: right;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

#Submenu .SubmenuSubheading a:hover {
	text-decoration: none;
	color: #ffffff;
}

h1.BlockTitle {
	height: 32px;
	vertical-align: middle;
	color: #ffffff;
	padding: 4px;
	width: 98%;
}


div.lgTitle {
	font-weight: bold;
	color: #000099;
	margin: 0px;
}

a.lgTitle:hover
{
	text-decoration: none;
	font-weight: bold;
	color: #000099;
}

/* Note: Margins are defined in layout.xxx.css, per browser */
ul.plList 
{
	list-style-position: outside;
	list-style-type: square;
}

li.plTitle, li.plTitle a {
	color: #006666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

li.plTitle a:hover {
	text-decoration: underline;
}

a.SectionLink {
	display: block;
	color: #006666;
	text-decoration: none;
}

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

.ScrollingList {
	height: 400px;
	padding: 2px;
	overflow: auto;
}

@media print {
	a.Button, a.InfoLink {
		display: none;
	}
	
	#Header {
		display: none;
	}
}

table.PartDescription 
{
	margin-bottom: 5px;
}

table.PartAttributes {
	background-color: #eeeeee;
	margin-bottom: 10px;
}

table.PartAttributes * td {
	background-color: #ffffff;
}

td.Title, th.Title {
	font-weight: bold;
	background-color: #eeeeee;
}

table.PartAttributes * span.SpecialPrice {
	font-weight: bold;
	color: #000099;
}

.Example {
	font-weight: bold;
	color: #000099;
}

ul.SelectionGuideList *, a.ConformsToLink {
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000099;
}

ul.SelectionGuideList * a:hover, a.ConformsToLink:hover {
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0000ff;
}

div.MapLink {
	background-color: #000066;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
	height: 23px;
}

div.MapLink * a, a.MapLink, span.MapLink {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}

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

img.MapLink 
{
	border-width: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	vertical-align: text-bottom;
}

table.Form {
	background-color: #dddddd;
	width: 500px;
}

div.Form {
	width: 500px;
}

table.Form * td.Title, table.Form * th.Title {
	background-color: #eeeeee;
	width: 200px;
}

.TextBox, .SmallTextBox, .QuantityBox, .CodeBox, .CardBox, textarea, input.OrderRef, input.InvoiceNum, input.InvoiceDate, select.InvoiceType {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;

	color: #000000;
	background-color: #ffffff;
}

.TextBox, .SmallTextBox, .VSmallTextBox, .TinyTextBox, textarea, input.OrderRef, input.InvoiceNum, input.InvoiceDate, select.InvoiceType {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

input.TextBox, textarea.TextBox, select.TextBox, .CardBox {
	width: 250px;
}

input.SmallTextBox, select.SmallTextBox, .CodeBox {
	width: 120px;
}

.QuantityBox, .VSmallTextBox {
	width: 50px;
}

.TinyTextBox {
	width: 20px;
}

input.OrderRef, input.InvoiceNum, input.InvoiceDate
{
	width: 80px;
}

select.InvoiceType 
{
	width: 84px;
}

a.BoldLink, .BoldLinkCont * a {
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}

a.BoldLink:hover, .BoldLinkCont * a:hover {
	text-decoration: underline;
	color: #0000ff;
}

dt {
	font-weight: bold;
}


dd {
	margin-bottom: 10px;
}

select.DropDownList {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: small;
}

input.SearchButton 
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	height: 22px;
	vertical-align: middle;
}


input.Button 
{
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;

	display: block;
	vertical-align: middle;
	text-align: center;
	height: 28px;
	width: 160px;
}

a.Button {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;

	display: block;
	vertical-align: middle;
	text-align: center;
	height: 18px;
	width: 140px;
}

a.InfoLink {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;

	display: block;
	vertical-align: middle;
	text-align: center;
	height: 18px;
	width: 120px;
}

.OnlinePrice {
	color: #000099;
}

.ContractPrice {
	color: #cc0000;
}

.OrderNotAllowed {
	color: Red;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}

div.YellowBox 
{
	margin-top: 5px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #ffffcc;
	text-align: center;
}

div.YellowBoxLeft 
{
	margin-top: 5px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	background-color: #ffffcc;
	text-align: left;
}

span.HighlightText
{
	font-style: italic;
	color: #0000CC;
	font-weight: bold;
}

span.HeaderCentered
{
	font-size:20px;
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.MDQuote, .MDQuoteBold
{
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	margin-top: 12px;
}

.MDQuoteBold 
{
	font-weight: bold;
	font-style: normal;
}

.EmphQuote
{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

#XrmFooter
{
	text-align: center;
}

#XrmFooter *
{
	color: #CCCCCC;
	font-size: xx-small;
}

.imgBrowse
{
	text-align: center;
	background-color: White;
	border-color: #CCCCCC;
	width: 33%;
	vertical-align: top;
}

.tnImg 
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

span.tracecontent
{
	position: absolute;
	top: 1500px;
}


div.AddToOrder
{
	border-style: solid;
	border-width: 1px;
	border-color: #006644;
	padding: 10px;
	
	width: 400px;
	text-align: left;
}

A.InvoiceLink
{
	color: Blue;
}

A.CreditNoteLink
{
	color: Red;
}

select.DistRegion 
{
	width: 150px;
}

div.DistArea 
{
	text-align: right;
}

span.DistArea
{
	display: block;
	width: 170px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 2px;
}

table.AtoZTable {
	border-width: 0px;
	border-style: none;
	border-color: black;
	background-color: white;
}

table.AtoZTable * td {
	width: 14px;
	text-align: center;
	font-weight: bold;
}
table.AtoZTable * a {
	color: black;
	text-decoration: none;
}
table.AtoZTable * a:hover {
	color: black;
	text-decoration: underline;
}

table.IndexLinkTable * a 
{
	color: black;
	text-decoration: none;
}

table.IndexLinkTable * a:hover
{
	color: black;
	text-decoration: underline;
}

a.IndexLink 
{
	color: black;
	text-decoration: none;
}

a.IndexLink:hover
{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

#SLDiv a 
{
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
	color: #777777;
}

#SLDiv a:hover {
	text-decoration: underline;
}

.NoResultsMessage {
	color: Red;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}