/*
'*************************************************************************************************
'*************************************************************************************************
'**																																															**
'**		UBB 2004																																									**
'**																																															**
'**		CSS (Cascading Style Sheet)																																**
'**																																															**
'*************************************************************************************************
'*************************************************************************************************
*/

/*
'**************************************************************************************************
'*																																																*
'*	Styles for HTML Elements																																			*
'*																																																*
'**************************************************************************************************
*/

		body
		{
			font-family: verdana, sans-serif;
		}
		
		p
		{
			font-size: inherit;
		}
		
		h1
		{
			font-family: verdana, sans-serif;
			font-size: 150%;
			font-variant: small-caps;
			color: #003048;
		}
		
		h2
		{
			font-family: verdana, sans-serif;
			font-size: 115%;
			font-variant: small-caps;
			font-style: italic;
		}
		
		#PageContent
		{
			padding-top: 15px;
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 50px;
		}
		
		.SiteMapList
		{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
/*
'**************************************************************************************************
'*																																																*
'*	Custom Style Classes for Content																															*
'*																																																*
'**************************************************************************************************
*/

		.alert {
			color: red;
			font-weight: bold;
		}
		
		.priority {
			color: red;
		}
		
		.Mega-Alert {
			color: red;
			font-size: 200%;
			font-weight: bold;
		}
		
		.xalert {
			background-color: red;
			color: white;
			font-weight: bold;
		}
		
		.bold {
			font-weight: bold;
		}
		
		.BigButtonOK {
			font-size: 125%;
			font-weight: bold;
			color: green;
			width: 250px;
		}
		
		.BigButtonNOTOK {
			font-size: 125%;
			font-weight: bold;
			color: red;
			width: 250px;
		}
		
		.OK {
			color: green;
			font-weight: bold;
		}
		
		.WARNING {
			color: yellow;
			font-weight: bold;
		}
		
		.NOTOK {
			color: red;
			font-weight: bold;
		}
		
		.indent1 {
			padding-left: 15px;
		}
		
		.highlight-alert {
			background-color: yellow;
			font-weight: bold;
			display: block;
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
			border: solid 2px red;
		}
		
		.highlight {
			background-color: yellow;
			font-weight: bold;
			display: block;
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
			border: solid 1px silver;
		}
		
		.highlight2 {
			background-color: yellow;
			font-weight: bold;
			font-size: 18pt;
			display: block;
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
			
		}
		
		.reminder {
			background-color: navy;
			color: yellow;
			font-size: 120%;
			font-weight: bold;
			display: block;
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
			
		}
		
		.header_bar {
			background-color: #006078;
			color: yellow;
			font-weight: bold;
			display: block;
			padding-left: 2px;
			padding-right: 2px;
			padding-top: 2px;
			padding-bottom: 2px;
			
		}
		
		.UserListCell {
			padding-right: 10px;
			padding-left: 10px;
		}
		
		.UserListCellDivider {
			padding-right: 10px;
			padding-left: 10px;
		}
		
		.SummaryCell {
			padding-right: 3px;
			padding-left: 3px;
			font-size: 90%;
		}
		
		.confirmation {
			color: darkgreen;
			font-weight: bold;
			font-variant: small-caps;
		}
		
		.Content {
			color: black;
			font-size: 90%;
		}

		.Content a:link {
			color: #BB3365;
			text-decoration: none;
			font-variant: small-caps;
		}
		
		.Content a:visited {
			color: #BB3365;
			text-decoration: none;
			font-variant: small-caps;
		}
		
		.Content a:hover {
			color: #771143;
			text-decoration: underline;
			font-variant: small-caps;
		}
		
		.ContentHeader {
			color: #003048;
			font-size: 130%;
			font-weight: bold;
			font-variant: small-caps;
			font-style: italic;
		}

		.footnote {
			font: normal 80% verdana, sans-serif;
		}
		
		.ItemDetailSection {
			padding-top: 12px;
		}

		.ItemDetail {
			background-color: #006078;
			color: white;
			xfont-size: 110%;
			xfont-weight: bold;
			xfont-style: italic;
			margin: 2px;
			padding: 2px;
		}

		.Login {
			font: normal 90% verdana, sans-serif;
		}

		.smallprint {
			font: normal 80% verdana, sans-serif;
		}
		
		.smallerprint {
			font: normal 65% verdana, sans-serif;
		}
		
		.smallestprint {
			font: 8pt verdana, sans-serif;
		}
		
		.huger {
			font: 72 pt;
			font-weight: bold;
		}
		
		.hugest {
			font: 96 pt;
			font-weight: bold;
		}
		
		.portaltable {
			border-style: solid;
			border-width: 1px;
			border-color: #006078;
			border-collapse: collapse;
			width: 100%;
		}
		
		.OrderDetailHeader {
			border-style: solid;
			border-width: 1px;
			border-color: #006078;
			border-collapse: collapse;
			background-color: #D9D9D9;
			width: 100%;
			font-weight: bold;
		}
		
		.LinedTable {
			border-bottom-style: solid;
			border-bottom-color: gray;
			border-bottom-width: 1px;
		}
		
		.SalesTeamMemberDetail {
			border-style: solid;
			border-color: gray;
			border-width: 1px;
			margin-left: 25px;
			padding: 3px;
		}
		
		.SalesTeamMemberList {
			font-weight: bold;
		}	
		
		
/*
'**************************************************************************************************
'*																																																*
'*	Custom Style Classes for Forms																																*
'*																																																*
'**************************************************************************************************
*/

		.InputControlQty {
			width: 30;
		}
		
		.InputControlNarrow {
			width: 65;
		}
		
		.InputControlNormal {
			width: 100px;
		}
		
		.InputControlWide {
			width: 200px;
		}
		
		.InputControlXWide {
			width: 300px;
		}
		
		.InputControlFull {
			width: 100%;
		}

		.ContactFormSelectField {
			width: 300px;
		}
		
		.ContactFormTextareaField {
			width: 500px;
			height: 100px;
		}
		
		.ContactFormTextField {
			width: 300px;
		}
		
		.LoginFormTextField {
			width: 150px;
		}
		
		.CheckoutFormTextField {
			width: 200px;
		}
		
		.FormLabel {
			color: black;
		}
		
		.FormLabel_Required {
			color: black;
			font-weight: bold;
		}
		
		.FormID {
			font: normal 110% verdana, sans-serif;
			margin-bottom: 12px;
		}
		
		.StaticFormData {
			color: maroon;
		}

		.UserFeedback {
			font-weight: bold;
			color: red;
		}
		
		.FormQuantity {
			width: 30px;
			text-align: center;
		}

		.FormQuantityNA {
			width: 30px;
			color: red;
			font-weight: bold;
			text-align: center;
		}

/*
'*****
'*****	Home Page Content Classes
'*****
'*****	HomeContent:							Default content
'*****	HomeContentTableHeader:		
'*****
*/

		.HomeContent {
			background-color: white;
			color: #003048;
			padding-left: 6px;
			padding-right: 6px;
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		.HomeContentTableHeader {
			background-color: #006078;
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.HomeContentTableHeader a:link {
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.HomeContentTableHeader a:visited {
			background-color: #006078;
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.HomeContentTableHeader a:hover {
			background-color: #006078;
			color: orange;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.BreadCrumbTrail {
			background-color: #006078;
			color: white;
			font-size: 80%;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.BreadCrumbTrail a:link {
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.BreadCrumbTrail a:visited {
			background-color: #006078;
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.BreadCrumbTrail a:hover {
			background-color: #006078;
			color: orange;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.HomeSectionHeader {
			font-size: 115%;
			font-weight: bold;
			background-color: #993365;
			color: white;
			padding: 5px;
			text-align: center;
		}

		.HomeSectionHeader a:link {
			color: white;
		}

		.HomeSectionHeader a:visited {
			color: white;
		}

		.HomeSectionHeader a:hover {
			color: orange;
		}

		.HomeSection {
			background-color: white;
			border-left-style: ridge;
			border-left-color: #006078;
			border-left-width: 2px;
			xborder-right-style: solid;
			xborder-right-color: #006078;
			xborder-right-width: 2px;
			padding: 5px;
			border-bottom-style: ridge;
			border-bottom-color: #006078;
			border-bottom-width: 2px;
			font-size: 90%;
		}
		
		.full-list {
			padding-left: 25px;
		}

/*
'*****
'*****	Main Navigation Menu Classes
'*****
'*****	HomeMainNavTable:					For the main navigation, actually on all pages, with link/hover attributes.
'*****	SubNavigationCell:				For the second level navigation, with link/hover attributes
'*****
*/

		.HomeMainNavTable {
			background-color: #993365;
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 90%;
		}
		
		.HomeMainNavTable a:link {
			background-color: #993365;
			color: white;
			text-decoration: none;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.HomeMainNavTable a:visited {
			background-color: #993365;
			color: white;
			text-decoration: none;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.HomeMainNavTable a:hover {
			background-color: #993365;
			color: orange;
			text-decoration: underline;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.SubNavigationCell {
			background-color: #006078;
			color: white;
			text-align: center;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
			font-size: 90%;
		}
		
		.SubNavigationCell a:link {
			background-color: #006078;
			color: white;
			text-decoration: none;
			text-align: center;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.SubNavigationCell a:visited {
			background-color: #006078;
			color: white;
			text-decoration: none;
			text-align: center;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.SubNavigationCell a:hover {
			background-color: #006078;
			color: orange;
			text-decoration: underline;
			text-align: center;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.AdminMainNavTable {
			font-size: 90%;
			background-color: #993365;
			color: white;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.AdminMainNavTable a:link {
			font-size: 90%;
			background-color: #993365;
			color: white;
			text-decoration: none;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.AdminMainNavTable a:visited {
			font-size: 90%;
			background-color: #993365;
			color: white;
			text-decoration: none;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
		.AdminMainNavTable a:hover {
			font-size: 90%;
			background-color: #993365;
			color: orange;
			text-decoration: underline;
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			padding-bottom: 4px;
		}
		
/*
'*****
'*****	Shopping Classes
'*****
*/

		.ShoppingHomeTable {
			background-color: white;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
		
		.ShoppingHomeImage {
			padding-left: 20px;
		}
		
		.ShoppingCategoryHeader {
			color: #003048;
			font-size: 120%;
			font-weight: bold;
			font-variant: small-caps;
			font-style: italic;
		}

		.ShoppingCategoryHeader a:link {
			text-decoration: underline;
		}

		.ShoppingCategoryHeader a:visited {
			color: #003048;
		}

		.ShoppingCategoryCell {
			padding-bottom: 6px;
			font-size: 90%;
		}
		
		.ShoppingCategoryCell a:link {
			text-decoration: none;
		}

		.ShoppingCategoryCell a:visited {
			text-decoration: none;
		}

		.ShoppingCategoryCell a:hover {
			text-decoration: underline;
		}
		
		.ShoppingCategoryCell2 {
			padding-left: 75px;
			font-size: 90%;
		}
		
		.ShoppingCategoryCell2 a:link {
			text-decoration: none;
		}

		.ShoppingCategoryCell2 a:visited {
			text-decoration: none;
		}

		.ShoppingCategoryCell2 a:hover {
			text-decoration: underline;
		}
		
		.ShoppingCategory {
			font-weight: bold;
		}
		
		.ShoppingCategory a:link {
			text-decoration: none;
		}

		.ShoppingCategory a:visited {
			text-decoration: none;
		}

		.ShoppingCategory a:hover {
			text-decoration: underline;
		}
		
		.ShoppingCategory2 {
			font-weight: bold;
			padding-top: 6px;
			padding-bottom: 6px;
		}
		
		.ShoppingCategory2 a:link {
			text-decoration: none;
		}

		.ShoppingCategory2 a:visited {
			text-decoration: none;
		}

		.ShoppingCategory2 a:hover {
			text-decoration: underline;
		}
		
		.ShoppingSubCategory {
			color: navy;
			font-size: 90%;
			font-weight: bold;
		}
		
		.ShoppingSubCategory a:link {
			text-decoration: none;
		}

		.ShoppingSubCategory a:visited {
			text-decoration: none;
		}

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

		.ShoppingItem {
			color: navy;
			font-size: 90%;
		}
		
		.ShoppingItem a:link {
			text-decoration: none;
		}

		.ShoppingItem a:visited {
			text-decoration: none;
		}

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

/*
'*****
'*****	Consultant Portal Classes
'*****
*/

		.TeamMessageClass {
			border-style: solid;
			border-width: 1px;
			border-color: #red;
			border-collapse: collapse;
			background: blue;
			color: white;
			padding: 3px;
			width: 100%;
			font-size: 80%;
		}
		
		.ShoppingMenuLinks {
			color: navy;
		}
		
		.ShoppingMenuLinks a:link {
			color: blue;
			text-decoration: none;
			width: 250px;
		}
		
		.ShoppingMenuLinks a:visited {
			color: blue;
			text-decoration: none;
			decoration: none;
		}
		
		.ShoppingMenuLinks a:hover {
			text-decoration: underline;
			color: blue;
			background-color: yellow;
		}

		.ShoppingMenuLinks_hover {
			color: blue;
			background-color: yellow;
			font-weight:bold;
		}