/* 

	Brief
	-----

	Defines global classes and colors for web site

*/

/* global intrinsics */
body
{
    font-size: 8pt;
    background: white;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
}
input
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
select
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
h1
{
    font-size: 20pt;
    font-family: Verdana,Arial,Sans-Serif;
}
h2
{
    font-size: 14pt;
    font-family: Verdana,Arial,Sans-Serif;
}
h3
{
    font-size: 12pt;
    font-family: Verdana,Arial,Sans-Serif;
}
table
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
td
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
th
{
    font-size: 8.5pt;
    font-family: Verdana,Arial,Sans-Serif;
    font-weight: bold;
}
ul
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
li
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}
ol
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
}

/* standard font */
.sf
{
    font-size: 8pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
}
.sfItalic
{
    font-size: 8pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
    font-style: italic;
}
.sfRed
{
    font-size: 8pt;
    color: red;
    font-family: Verdana,Arial,Sans-Serif;
}
.sfBlue
{
    font-size: 8pt;
    color: blue;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGreyE
{
    font-size: 8pt;
    color: #eeeeee;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGreyD
{
    font-size: 8pt;
    color: #dddddd;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGreyC
{
    font-size: 8pt;
    color: #cccccc;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGrey9
{
    font-size: 8pt;
    color: #999999;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGrey6
{
    font-size: 8pt;
    color: #666666;
    font-family: Verdana, Arial,Sans-Serif;
}
.sfGrey3
{
    font-size: 8pt;
    color: #333333;
    font-family: Verdana, Arial,Sans-Serif;
}

/* small font */
.ssf
{
    font-size: 7.5pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
}
.ssfRed
{
    font-size: 7.5pt;
    color: red;
    font-family: Verdana,Arial,Sans-Serif;
}

/* large font */
.slf
{
    font-size: 9pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
}
.slfRed
{
    font-size: 9pt;
    color: red;
    font-family: Verdana,Arial,Sans-Serif;
}
.slfItalic
{
    font-size: 9pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
    font-style: italic;
}
.slfGrey6
{
    font-size: 9pt;
    color: #666666;
    font-family: Verdana, Arial,Sans-Serif;
}

/* larger font */
.sllf
{
    font-size: 9.5pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
}
.sllfBold
{
    font-size: 9.5pt;
    color: black;
    font-family: Verdana,Arial,Sans-Serif;
    font-weight: bold;
}
.sllfRedBold
{
    font-size: 9.5pt;
    color: red;
    font-family: Verdana,Arial,Sans-Serif;
    font-weight: bold;
}

.image
{
    border: dashed 1px #e3e3e3;
}

/* MISC */
.replaced
{
    font-style: italic;
    text-decoration: underline;
    background: #eeeeff;
}

.button
{
    color: black;
    background-color: #cccccc;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #efefef;
    border-left: solid 1px #efefef;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
    font-size: 8pt;
    font-family: Verdana,Arial,sans-serif;
}

/* header */
TABLE.header
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: White;
}
TABLE.header TD
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: White;
}
A.header
{
    color: white;
    text-decoration: none;
}
TABLE.header A:hover
{
    color: moccasin;
    text-decoration: underline;
}
TD.header
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: White;
}


Table.downloads
{
    border-left: solid 1px #E6D8DB;
    border-bottom: solid 1px #E6D8DB;
    border-right: solid 1px #E6D8DB;
}

TABLE.downloads TH
{
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: #363A36;
    background: #9ADB99;
    text-align: left;
    vertical-align: middle;
    border: solid 1px #9ADB99;
}

TD.specline
{
    text-align: left;
    color: #363A36;
    background: #A9CEFF;
    border: solid 1px #A9CEFF;
    padding: 0 0 0 0;
}

TD.similarline
{
    text-align: left;
    color: #363A36;
    background: #C9A9FF;
    border: solid 1px #C9A9FF;
    padding: 0 0 0 0;
}

TD.dwnldline
{
    text-align: left;
    color: #363A36;
    background: #9ADB99;
    border: solid 1px #9ADB99;
    padding: 0 0 0 0;
}


TABLE.downloads TD
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    padding: 6 4 2 4;
    vertical-align: top;
}

.dlintheader
{
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana,Arial,Sans-Serif;
    color: #b0b0b0;
    text-align: center;
    border-bottom: solid 1px #dddddd;
}

/* specsheet */
TABLE.specSheet
{
    padding: 0px 0px 0px 0px;
}

TD.specSheet
{
    font-size: 8pt;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: solid 1px #e0e0e0;
}


TD.specSheetHeader
{
    font-size: 10pt;
    font-weight: bold;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px; /*	background: #cccccc;*/
    background: #DAE3F2;
}

table.compare
{
    border: solid 0px #000000;
    padding: 0 0 0 0;
}
td.compare_row
{
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: solid 1px #000000;
    border-top: solid 1px #000000;
}
td.compare
{
    padding-left: 5px;
    padding-right: 5px;
    border: solid 1px #d7d7f0;
}

.tooltip_evil
{
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    font-size: 8pt;
    visibility: hidden;
    border-left: solid 1px #000000;
    border-bottom: solid 1px #000000;
    font-family: Verdana,Arial,Sans-Serif;
    position: absolute;
    background-color: white;
}

/* a list of links */
UL.hrefList A, UL.hrefList A:visited
{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
UL.hrefList A:hover
{
    color: red;
    text-decoration: underline;
}

/* CART */
TABLE.cart
{
    border: none 0px #000000;
    padding: 0 0 0 0;
}
TABLE.cart A
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
}
TD.cartHeader
{
    font-weight: bold;
    color: black;
    background: #dddddd;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border: solid 0px #000000;
}
TABLE.cart TD
{
    padding: 0 5 0 5;
    border: solid 1px #cccccc;
}

/* SEARCH RESULTS */
TABLE.searchResult
{
    border: solid 1px #cccccc;
    padding: 0 0 0 0;
}
TR.searchResultHeader, TR.searchResultHeader A
{
    text-decoration: none;
    background: #dddddd;
    color: black;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
}
TD.searchResultHeader A:hover, TR.searchResultHeader A:hover
{
    color: Red;
}
TR.searchResultFooter
{
    background: #cfcfcf;
}
TD.searchResult
{
    border-left: solid 1px #cccccc;
}
TABLE.searchResult TD
{
    border-bottom: solid 1px #cccccc;
    font-size: 8pt;
}

/* FOOTER */
TD.footer A:link, TD.footer A:visited
{
    text-decoration: none;
    color: White;
    font-weight: normal;
}
TD.footer A:hover
{
    color: moccasin;
    text-decoration: underline;
}
TD.footer
{
    color: White;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 8pt;
    background: #425A88;
    text-align: center;
}
TABLE.footer
{
    color: White;
    font-family: Verdana,Arial,Sans-Serif;
    font-size: 8pt;
    background: #425A88;
}


/* line backgrounds */
.lnBlack
{
    background: black;
}
.lnBlue
{
    background: blue;
}
.lnWhite
{
    background: white;
}

/* page header */
.ph
{
    background: #21359b;
    vertical-align: top;
}




/* HEADER MENU */
DIV.menu
{
    filter: alpha( style = 0, opacity = 95, finishopacity = 0 );
    position: absolute;
    visibility: hidden;
}
TABLE.menu
{
    background: #efefef;
    border: solid 1px #666666;
    padding: 2px 5px 2px 5px;
}
TD.menu A
{
    text-decoration: none;
    color: black;
}
TD.menu A:hover
{
    color: #ffffff;
}

TR.menu
{
    cursor: hand;
    background-color: #efefef;
}

.menu TR:hover
{
    cursor: hand;
    background-color: #8b9bc0;
}

.menu TD:hover
{
    cursor: hand;
    background-color: #8b9bc0;
}

/* filter box */
.bdh1
{
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    border-left: solid 1px #333399;
    border-bottom: solid 1px #999;
}
.bdh2
{
    border-right: solid 1px #999;
    border-left: solid 1px #333399;
    border-bottom: solid 1px #999;
}
.bdh3
{
    border-right: solid 1px #999;
    border-left: solid 1px #333399;
}
.bdc1
{
    border-right: solid 1px #333399;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
}
.bdc2
{
    border-right: solid 1px #333399;
    border-bottom: solid 1px #999;
}
.bdc3
{
    border-right: solid 1px #333399;
}
.bdc4
{
    border-bottom: solid 1px #333399;
}
.bdc5
{
    border-top: solid 1px #333399;
}

/* misc boxes */
.borderBox
{
    border: solid thin #cccccc;
    background: #efefef;
}
.raisedBox
{
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #999;
    border-left: solid 1px #dedede;
    border-right: solid 1px #999;
    color: #333;
    padding: 1px 1px 1px 1px;
}

/* various links */
.leftBarLink:hover
{
    color: red;
    text-decoration: none;
}
.leftBarLink
{
    color: Black;
    text-decoration: none;
}
a.featureHeader, a.featureHeader:visited
{
    color: #364A69;
    font-weight: bold;
    text-decoration: none;
}

a.featureHeader:Hover
{
    color: red;
    font-weight: bold;
    text-decoration: none;
}


a.featureText, a.featureText:visited
{
    color: black;
    text-decoration: none;
}

a.featureText:Hover
{
    /*color: red;*/
    text-decoration: none;
}

a.featureMore, a.featureMore:visited
{
    color: blue;
    text-decoration: underline;
}
a.headerLink, a.headerLink:visited
{
    color: black;
    text-decoration: none;
}
a.headerLink:hover
{
    /* 	color: #ff0000; */
    color: 6375e2;
    text-decoration: underline;
}

a.descriptionLink, a.descriptionLink:visited
{
    color: black;
    text-decoration: none;
}

a.descriptionLink:hover
{
    color: #6375e2;
    text-decoration: none;
}

A.hyperLink, A.hyperLink:visited
{
    text-decoration: none;
    color: black;
}
A.hyperLink:hover
{
    color: Red;
}

A.none
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: black;
}
/* white */
A.linkWhite8, A.linkWhite8:link, A.linkWhite8:visited
{
    text-decoration: none;
    color: White;
    font-size: 8pt;
}
A.linkWhite9, A.linkWhite9:link, A.linkWhite9:visited
{
    text-decoration: none;
    color: White;
    font-size: 9pt;
}
/* red */
A.linkRed7, A.linkRed7:link, A.linkRed7:visited
{
    text-decoration: none;
    color: black;
    font-size: 7pt;
}
A.linkRed7:hover
{
    color: red;
}
A.linkRed8, A.linkRed8:link, A.linkRed8:visited
{
    text-decoration: none;
    color: black;
    font-size: 8pt;
}
A.linkRed8:hover
{
    color: red;
}
A.linkRed9, A.linkRed9:link, A.linkRed9:visited
{
    text-decoration: none;
    color: black;
    font-size: 9pt;
}
A.linkRed9:hover
{
    color: red;
}
A.linkBread, A.linkBread:link, A.linkBread:visited
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: black;
}
A.linkBread:hover
{
    color: blue;
    text-decoration: underline;
}
.linkImage
{
    border: none 0px #000000;
}


/* misc */
.hc
{
    display: none;
    visibility: hidden;
}

A.linkCategoryTitle, A.linkCategoryTitle:link, A.linkCatogoryTitle:visited
{
    font-size: 12pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: darkblue;
}

A.linkCategoryTitle:hover
{
    color: red;
    text-decoration: none;
}

A.linkCategoryList, A.linkCategoryList:link, A.linkCatogoryList:visited
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: darkblue;
}

A.linkCategoryList:hover
{
    color: red;
    text-decoration: none;
}

.featureText TD
{
    border: none 0px #000000;
    color: black;
    background: #f5f5f5;
    font-size: 9pt;
}

/* Page body header line */
TD.superHeader
{
    color: #d8edf8;
    background: black;
    font-size: 16pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
}

/* Color of the first label under the top image */
.firstLabel TD
{
    color: black;
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
    text-align: center;
}

TD.thirdLabel
{
    color: black;
    font-size: 12pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
    text-align: left;
}


.firstLabel A, .firstLabel A:link, .firstLabel A:visited
{
    color: darkblue;
    font-size: 8pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial;
    text-align: center; /*	text-decoration: none; */
}

.firstLabel A:hover
{
    color: red;
    font-size: 8pt;
    font-weight: bold;
    font-family: Verdana, Tahoma, Arial; /*	text-decoration: none;*/
}

.explTxt TD
{
    color: black;
    background-color: #d8edf8;
    font-size: 10pt;
    font-family: Verdana, Tahoma, Arial;
}

table.explTxt
{
    padding: 0px 0px 0px 0px;
    border: none 0px #000000;
}

/* Promotion pages main table */
/* specsheet */
table.promoTable
{
    padding: 0px 0px 0px 0px;
    border: solid 1px #000000;
}

TD.regTxt
{
    color: black;
    font-size: 10pt;
    font-family: Verdana, Tahoma, Arial;
}


/* Term and conditions table */
table.termsTable
{
    padding: 0px 0px 0px 0px;
    border: solid 1px #000000;
    border-top: none 0px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    color: black;
    background-color: white;
    font-size: 8pt;
    font-family: Verdana, Tahoma, Arial;
    font-style: italic;
}

/* Term and conditions table */
.termsTxtSmallRed
{
    padding: 0px 0px 0px 0px;
    color: red;
    font-size: 7pt;
    font-family: Verdana, Tahoma, Arial; /* 	font-style:italic;*/
}

/* Catalog PDF chapters preview */
TD.catalogpdfHeader
{
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: darkblue;
    background-color: lightgrey;
    vertical-align: middle;
}

TR.catalogpdfTitle
{
    text-align: left;
    vertical-align: top;
    text-decoration: none;
    font-family: Verdana, Tahoma;
    font-size: 8pt;
    font-weight: bold;
    color: darkred;
}

TR.catalogpdfDesc
{
    text-align: left;
    font-family: Verdana, Tahoma;
    font-size: 8pt;
    color: black;
    vertical-align: top;
}

/* Title link for the PDF catalog with chapters */
.catalogPdfTitle A, .catalogPdfTitle A:link, catalogpdfTitle A:visited
{
    font-size: 10pt;
    font-family: Verdana,Tahoma,Arial,Sans-Serif;
    text-decoration: none;
    color: darkred;
}

.catalogpdfTitle A:hover
{
    color: red;
    text-decoration: none;
}


/* Tech support page classes */

TABLE.tsOuterTable
{
    border-right: solid 1px #bcd0ef;
    padding-right: 0px;
    border-top: solid 1px #bcd0ef;
    padding-left: 0px;
    background-image: none;
    padding-bottom: 0px;
    margin: 0px;
    border-left: solid 1px #bcd0ef;
    width: 100%;
    padding-top: 0px;
    border-bottom: solid 1px #bcd0ef;
    height: 100%;
    background-color: #ecf3ff;
}

.ToolbarContainer
{
    /*background-image: url(/images/misc/dividerpixels.gif);*/
    background-repeat: repeat-x;
    height: 3px;
    width: 100%;
    vertical-align: middle;
}

A.tsTitle, A.tsTitle:link, A.tsTitle:visited
{
    font-size: 10pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: #5091f7;
    font-weight: bold;
}

A.tsTitle:hover
{
    color: red;
    text-decoration: none;
}

A.tsImgLink
{
    border: none 0px #000000;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

A.tsTextLink, A.tsTextLink:link, A.tsTextLink:visited
{
    font-size: 8pt;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: black;
    font-weight: normal;
}

A.tsTextLink:hover
{
    color: red;
    text-decoration: underline;
}


.imageButtonLink:hover
{
    text-decoration: none;
}
.imagebuttonlink
{
    text-decoration: none;
}

/*================================*/
/*		Spec filter borders		  */
/*--------------------------------*/
.SpecFilterTop
{
    /*	border-left: 1px solid #999; */ /* Temporarily border-bottom: 1px solid #999; */
    border-top: solid 3px #7244c4;
}
.SpecFilterBottom
{
    border-top: solid 1px #999999;
    border-bottom: solid 3px #7244c4;
}
.SpecFilterBot
{
    /*	border-left: 1px solid #999; */ /* Temporarily font-size: 9pt; 	border-top: 1px solid #999999; */
    border-bottom: solid 3px #7244c4;
}
.SpecFilterLeft
{
    border-left: solid 3px #7244c4;
    border-bottom: solid 1px #999;
    width: 149px;
}
.SpecFilterLeftLast
{
    border-left: solid 3px #7244c4; /* border-top: 1px solid #999; */ /* border-bottom: 1px solid #999; */
    width: 149px;
}
.SpecFilterHelpLine
{
    color: white;
    background-color: #7244c4;
    border-right: solid 3px #7244c4;
    border-left: solid 1px #999;
    text-align: left;
}
.SpecSearchHeader
{
    background-color: #7244c4;
    width: 149px;
}
.SpecFilterRight
{
    border-bottom: solid 1px #999;
    border-right: solid 3px #7244c4;
    border-left: solid 1px #999;
    text-align: left;
    color: White;
}

.SpecFilterRightBorder
{
    border-right: solid 1px #999;
}


.SpecFilterBottomBorder
{
    border-bottom: solid 1px #999;
}

.SpecFilterLeftBorder
{
    border-left: solid 1px #999;
}

/*--------------------------------*/


/* Reports cells */
.BackLogHdrCell
{
    border: solid 1px gray;
    background-color: #EEEEEE;
}

.UnderlinedCell
{
    border-bottom: solid 1px #000000;
}


TABLE.warningtable
{
    border-left: solid 1px #eebb66;
    border-right: solid 1px #eebb66;
    border-top: solid 1px #eebb66;
    border-bottom: solid 1px #eebb66;
    background-color: #fff9e9;
}

warning table.TD
{
    font-family: Verdana;
    font-size: 12pt;
    font-weight: normal;
    color: black;
}

/* Career / Current Job Openings */
/* Added 08/12/2009 S.V.S. */
.careerLabel
{
	text-decoration: underline;
	font-size: 12pt;
    color: Green;
    font-weight:bold;
}
.careerTitle
{
	text-decoration: none;
	font-size: 8pt;
    color: Black;
    font-weight:bold;
}
.careerExpirience
{
	text-decoration: none;
	font-size: 8pt;
    color: Black;
    font-weight:normal;
    text-align:left;
}
.careerDescription
{
	text-decoration: none;
	font-size: 8pt;
    color: Black;
    font-weight:normal;
    text-align:left;
}
.careerBenefits
{
	text-decoration: none;
	font-size: 8pt;
    color: Black;
    font-weight:normal;
    text-align:left;
}


/*  Classes for GoesWith Images on the	*/
/*  product page						*/
/*  by S.V.S.							*/
Table.goeswithimages
{
    border-left: solid 1px #E6D8DB;
    border-bottom: solid 1px #E6D8DB;
    border-right: solid 1px #E6D8DB;
}

TABLE.goeswithimages1
{
    font-size: 10pt;
    font-weight: bold;
    font-family: Verdana,Arial,Sans-Serif;
    text-decoration: none;
    color: Black;
    background: #f8b627;
    text-align: left;
    vertical-align: middle;
    border: solid 1px #f8b627;
    text-align:left;
}

TD.gwiline
{
    text-align: left;
    color: #363A36;
    background: #f8b627;
    border: solid 1px #f8b627;
    padding: 0 0 0 0;
}
