/* ====================================================
    CSS Styles For OCI Commerce Site v1.0, 12/19/2006
   ==================================================== */

/* Companion settings for Print styles. */

.SpacerCell
{
	width: 150px;
}

.TextboxWidth
{
	width: 400px;
}

/* Global Settings */

.SelectOne
{
	/* Formats the "Select one" item in dropdown lists. */
	color: firebrick;
	background-color: lemonchiffon;
}

.SelectOneFirefox
{
	/* Formats the border of dropdown lists in Firefox when "Select one" is selected. */
	border-color: firebrick;
	border-style: solid;
}

.SelectedOptions
{
	/* Formats selected product information in ProductDetails.aspx. */
	color: Blue;
}

A
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0033FF;
	text-decoration: underline;
}

A:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
	text-decoration: underline;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
}

TD
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

table
{
	font-size: 12px;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

li
{
	font-size: 12px;
}

.liBlack
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.BlackPage
{
	background-color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

.PageBottomBlack
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: WhiteSmoke;
}

.PageBottomBlack:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: Yellow;
}

.PageBottomBlack:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray;
}

.PageBottomBlack:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Silver;
}

.PageBottomBlack:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Yellow;
}

.PageBottomWhite
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}

.PageBottomWhite:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
}

.PageBottomWhite:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray;
}

.PageBottomWhite:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
}

.PageBottomWhite:visited:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
}

.Copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
}

.CopyrightBlack
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: WhiteSmoke;
}

.InvalidFieldMessage
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF0000;
}

/* Static Content Pages */

H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #005641;
	text-align: center;
}

.Title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	background-color: #82302e; /* background-image: url(../images/Middle.gif); */
}


/* Left Column */

.LeftColBkg
{
	background-color: #FFFFFF; /*background-image: url(LeftGradient.gif);*/
	background-repeat: repeat-y;
}

.UserCtlTitle
{
	/*background-image: url(UserCtlTitleBkg.gif);*/
	background-color: #005641;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 3px;
	border-top: 5px solid black;
	color: #FFFFFF;
}

.UserCtlBkg
{
	background-color: #FFFFFF; /*background-image: url(UserCtlBkg.gif);*/
	text-align: left;
	color: White;
}

.UserCtlFooter
{
	background-image: url(UserCtlFooter.gif);
	height: 10px;
}

.aBrowser
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
}

.aBrowser:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Gray;
	text-decoration: none;
}

.aBrowser:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
	text-decoration: underline;
}

.aSubBrowser
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
}

.aSubBrowser:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #82302e;
	text-decoration: none;
}

.aSubBrowser:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-decoration: underline;
}

.aCurrentCatalog:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Yellow;
	text-decoration: none;
}

.aCurrentCatalag:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: White;
	font-weight: bolder;
	text-decoration: none;
}

.subMenu
{
	background-image: url(MenuTransparency.png);
	border-style: outset;
	border-width: thin;
	border-color: WhiteSmoke;
	border-left: medium;
	z-index: 100;
}

.link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
}

.link:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Gray;
	text-decoration: underline;
}

.link:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Maroon;
	text-decoration: underline;
}

.aTab
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
	font-weight: bolder;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
}

.aTab:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Gray;
	text-decoration: none;
}

.aTab:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: Silver;
	text-decoration: underline;
}

.aTab:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: White;
	text-decoration: underline;
}

/* Top Menu Bar, Product Frame, & Title Bar */

.LeftCap
{
	/* background-image: url(LeftCap.gif); */
}

.RightCap
{
	/* background-image: url(RightCap.gif); */
}

.LeftCapBlack
{
	background-image: url(LeftCapBlack.gif);
}

.RightCapBlack
{
	background-image: url(RightCapBlack.gif);
}

.Middle
{
	/* background-image: url(Middle.gif); */
	background-color: #82302E;
	color: White;
}

.aCategoryId, .aCategoryId:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
}

.aProductId, .aProductId:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.ProductName
{
	/*background-image: url(Middle.gif);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
}

.FrameHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
}

/* Begin Styles Added for UserControls.ascx (11/19/2007) */
.SignInHeading
{
	/* "Signed in as:" and "Account Type:" headings. */
	color: Black;
	padding-left: 8px;
}

.SignInInfo
{
	/* User name and account type text. */
	color: Maroon;
	padding-left: 14px;
}

/* End Styles Added for UserControls.ascx */

/* Welcome Back Text */

.Welcome
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Maroon;
}


/* Shopping Cart */

.CartProdHeader
{
	font-size: 12px;
	font-weight: bold;
	color: #000033;
	text-decoration: underline;
}

/*
Added styles for CategoriesList control...
*/
.aCategoryName, .aCategoryName:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
}
.aCategoryName:active
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: goldenrod;
}
.aCatalogTabText, .aCatalogTabText:visited, .aCatalogTabText:active, .aCatalogTabText:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold; 
	/* NOTE: Change the font in the CategoriesList.ascx.vb 
	SetCatalogTabs() function to to match the font-size set here 
 	so that catalog tabs are sized and spaced correctly */
	font-size: 11pt;
	color: White;
	text-decoration: none;
}

.CatalogTabLeft
{
	background-image: url(catTabLeft.gif);
	width: 4px;
	height: 26px;
	text-align: right;
}
.CatalogTabMiddle
{
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(catTabMiddle.gif);
	background-repeat: repeat-x;
}
.CatalogTabRight
{
	background-image: url(catTabRight.gif);
	width: 6px;
	height: 26px;
	text-align: left;
}
.CatalogTabHoverLeft
{
	background-image: url(catTabHoverLeft.gif);
	width: 4px;
	height: 26px;
	text-align: right;
}
.CatalogTabHoverMiddle
{
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(catTabHoverMiddle.gif);
	background-repeat: repeat-x;
}
.CatalogTabHoverRight
{
	background-image: url(catTabHoverRight.gif);
	width: 6px;
	height: 26px;
	text-align: left;
}
.CatalogTabSelectedLeft
{
	background-image: url(catTabSelectedLeft.gif);
	width: 4px;
	height: 26px;
	text-align: right;
}
.CatalogTabSelectedMiddle
{
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(catTabSelectedMiddle.gif);
	background-repeat: repeat-x;
}
.CatalogTabSelectedRight
{
	background-image: url(catTabSelectedRight.gif);
	width: 6px;
	height: 26px;
	text-align: left;
}
.CategoriesListContainer
{
	border: 1px solid #005641;
	padding: 5px;
	color: black;
}

/*
End added styles.
*/

/* Accounts */

.SignInRBListItem
{
	font-family: Arial;
	font-weight: bold;
	font-size: 10pt;
	height: 25px;
}

.AcctLblStepItem
{
	font-family: Arial;
	font-weight: bold;
	font-size: 12pt;
	color: White;
	margin: 5px;
}

/*
	Styles added for ProductDetails.aspx page.
*/

.mainTableHeader
{
	border: solid #005641 1px;
	background-color: #005641;
	color: black;
	padding-left: 5px;
}

.mainTableBorder
{
	border: solid #005641 1px;
}

.mainTableBottom
{
	border: solid #005641 1px;
	border-bottom: solid #005641 2px;
}

.warning
{
	font-weight: bold;
	color: red;
	font-size: 10px;
}

.resetOptions
{
	padding-bottom: 25px;
}

/*
	End Styles Added for ProductDetails.aspx page.
*/

/*
	Content Page Styles

*/

.ContentHeading
{
	font-size: 14px;
	font-weight: bold;
	color: #005641;
}

/*
	Styles added for OCIStaff.aspx page.
*/
.aEmailLink, .aEmailLink:visited
{
	/* Staff email links on OCIStaff.aspx. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: Black;
	text-decoration: underline;
}

.aEmailLink:hover
{
	color: darkgoldenrod;
}

.aEmailLink:active
{
	color: Maroon;
}

.aCoordinatorEmailLink, .aCoordinatorEmailLink:visited
{
	/* Coordinator email link on OCIStaff.aspx Coordinator Details page. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-decoration: underline;
}

.aCoordinatorEmailLink:hover
{
	color: gold;
}

.aCoordinatorEmailLink:active
{
	color: goldenrod;
}

.spnColumnHeading
{
	/* Datagrid column headings on OCIStaff.aspx pages. */
	color: #ffffff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}

.aCoodinatorLink, .aCoodinatorLink:visited
{
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: Black;
}
.aCoodinatorLink:hover
{
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: maroon;
}
.aCoodinatorLink:active
{
	font-size: 16px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: black;
}

.tdItemStyleHeading
{
	background-color: #005641;
	color: White;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 20px;	
	font-weight: bold;
	border-style: none;
	text-align: center;
}
.tdItemStyle
{
	background-color: Silver;
	color: Black;
	font-size: 12px;
	border-style: none;
	vertical-align: top;
}
.tdAltItemStyle
{
	background-color: LightGrey;
	color: Black;
	font-size: 12px;
	border-style: none;
	vertical-align: top;
}
.tdStaffFooter
{
	background-color: #005641;
	font-weight: bold;
	text-align: center;
}
.tdFacility
{
	background-color: silver;
	border: 1px solid #005641;
	color: lightgrey;
	text-align: center;
}

.tdCoordinator
{
	/* Coordinator <td> style on OCIStaff.aspx Coordinator Details page. */
	background-color: #005641;
	border: 1px solid #005641;
	text-align: center;
}

.tdCoordinatorText
{
	/* Coordinator text (paragraph) style on OCIStaff.aspx Coordinator Details page. */
	color: white;
	font-size: 14px;
}

.SwatchesButton
{
	margin-left: 20px;
	width: 150px;
}

/*
End Styles Added for OCIStaff.aspx
*/


/*
	Styles added for FAQ.aspx page.
*/
.FAQAltListItem
{
	background-color: #D2D2D2;
	color: black;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: justify;
}

.FAQAnswer
{
	padding-left: 20px;
}

.FAQConfirmHeader
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

.FAQConfirmText
{
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
}

.FAQDivQA
{
	overflow: auto;
	height: 390px;
	width: 100%;
	border: 4px #005641 double;
	background-color: whitesmoke;
}

.FAQDivQASmall
{
	overflow: auto;
	height: 300px;
	width: 100%;
	border: 4px #005641 double;
	background-color: whitesmoke;
}

.FAQDivSubmit
{
	overflow: hidden;
	height: 100px;
	width: 100%;
	border: 4px #005641 double;
	background-color: whitesmoke;
	color: Black;
}

.FAQFooter
{
	background-color: gold;
	color: whitesmoke;
	font-weight: normal;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

.FAQHeader
{
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

.FAQListItem
{
	color: black;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: justify;
}

.FAQQuestion
{
	color: black;
	font-weight: bold;
}

/*
	End Styles Added for FAQ.aspx page.
*/

/* Shopping Cart Display Text (OCIWebIssue 212) */
.CartDisplayText
{
	color: maroon;
	margin-left: 10px;
	margin-right: 3px;
	font-size: 12px;
}

/* Static Content */

.a2
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: white;
	font-size: 12pt;
	font-weight: bold;
}

.a3
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #0000ff;
	font-size: 12pt;
	font-weight: bold;
}

.a3:Active
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: gray;
	font-size: 12pt;
	font-weight: bold;
}

.tdNormal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.td1
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
	color: white;
	background-color: #005641;
}

.tabletd1
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: white;
	text-align: center;
}

.tabletd2
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #005641;
	text-align: center;
}

.p2
{
	text-align: left;
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
	font-style: italic;
	text-align: justify;
	color: #FF0000;
}

.p3
{
	text-align: center;
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	color: black;
	line-height: 16px;
}

.tablep4
{
	text-align: center;
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	font-weight: bold;
	color: white;
	line-height: 16px;
}

.p4
{
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	text-align: center;
	color: black;
}

.p5
{
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
	color: white;
}

.p6
{
	text-align: left;
	font-family: verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	color: black;
	font-weight: bold;
	line-height: 16px;
}

h2
{
	font-family: verdana, arial, helvetica, Sans-Serif;
	font-size: 10pt;
	text-align: center;
	color: #FF0000;
}

H3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

/* "Call for Quote" text. */
.CallForQuoteStyle
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12pt;
	color: Blue;
}