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

/* Begin Print-only styles 
   (These styles DO NOT exist on Styles.css) */
.PrintImgWidth
{
	/* Sets the maximum width of large images. */
	width: 200px;
	height: auto;
}

.PrintStateImgWidth
{
	/* Sets the maximum width of the state map image on the Customer Service page. */
	width: 400px;
}

.PrintSingleWidth
{
	/* Limits the width of the product description text on ProductDetails.aspx. */
	width: 300px;
}

.PrintDoubleWidth
{
	/* Limits the width of various page elements. */
	width: 500px;
}

.PrintSmallerText
{
	/* Limits the size of text in tables that have multiple columns, such as the OCIStaff A-to-Z listing.*/
	font-size: 9px;
}
/* End Print-only styles */

/* Companion settings for Print styles. */
     
.SpacerCell 
{
	/* Removes unneeded space to the left of the top menu. */
	width: 0px;
}

.TextboxWidth 
{
	width: 150px;
	height: 200px;
}

/* Global Settings */

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-size: 12px;
	font-weight: bold;
	color: #000000
}

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

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

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

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

.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: black;
}

.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: bolder;
	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: White;
	font-weight: bolder;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
}

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

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

.subMenu
{
	background-image: url(MenuTransparency.png);
	border-style: outset;
	border-width: medium;
	border-color: Gray;
	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
}
	
/* 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); 
}

.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:active, .aCatalogTabText:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 12pt;
	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.
*/

/*
	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: Black;
	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: Dimgray;
}
.aCoodinatorLink:hover
{
	font-size:16px;
	font-family:Arial, Helvetica, Sans-Serif;
	color: darkgoldenrod;
}
.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 
{	
	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: white;
	border: 1px solid #005641;
	color: black;
	text-align: center;
}

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

.tdCoordinatorText 
{	
	/* Coordinator text on OCIStaff.aspx Coordinator Details page. */
	color: black;
	font-size:14px;	
}

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

/*
	End Styles Added for OCIStaff.aspx
*/


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

.FAQAltListItem 
{
	color: black;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 40px;
	text-align: justify;
	width: 95%;
}

.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 
{
	width: 100%;
}

.FAQDivQASmall 
{
	overflow:auto; 	
	width:100%; 
	border: 4px #005641 double;	
}

.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;
}
/* 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;
}