/*This CSS tested with IE 6.0 and Firefox 2.1 on Win XP SP2. */

body
	{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center; /*Required for IE 5.5 and up to center the containter table. Consequently centers everything else in the body.*/
	background-color: #F8F8F8; /*This can be altered with little effect on the content. See table.container.*/
	}

table
	{
	border-collapse: collapse;
	border-spacing: 0px;
	}

table.container /*Designed to be the principle container or framework for all body content.*/
	{
	width: 980px; /*Defines max width of the page. Calibrated for a width of 1024 accounting for scroll bars. Sum of sub-containers widths should not exceed this. */
	margin-left: auto; margin-right: auto; /* Required to center the table. Works for all browsers except IE 5.5+.*/
	background-color: #FFFFFF; /*Be careful about changing this color. Some images calibrated for a white to light background may not be compatible with new color particularly if too dark.*/
	border-top: 0px solid #E8E8E8;
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	}

td	{
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#555555;
	text-decoration: none;
	}

td.spaceBetweenTopMenuAndContent
	{
	height: 20px;
	}

td.spaceBetweenContentAndBottomMenu
	{
	height: 20px;
	}

td.mainPageContentLeft
	{
	width: 220px;
	padding: 0px 0px 0px 0px;
	}

td.mainPageContentCenterRight
	{
	width: 735px;
	padding: 0px 0px 0px 0px;
	}

td.mainPageContentCenter
	{
	width: 490px;
	padding: 0px 0px 0px 0px;
	}

td.mainPageContentRight
	{
	width: 220px;
	padding: 0px 10px 0px 0px;
	}

td.plainPageContentRight
	{
	width: 735px;
	padding: 0px 10px 0px 0px;
	}

td.mainPageContentDivider
	{
	width: 25px;
	}

td.mainpageTitle
	{
	padding: 10px 0px 0px 0px;
	}

td.mainpageMessage
	{
	padding: 15px 0px 0px 0px;
	}

td.sectionTitle
	{
	padding: 0px 1px 6px 0px;
	}

td.demoBoxTitle
	{
	width: 220px;
	height: 45px;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #909090;
	border-bottom: 0px;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgDarkGreyishGW_230x45.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 10px 0px 0px; /*Top and bottom paddings taken care of by vertical middle alignment.*/
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#FFFFFF;
	text-align: right;
	}

td.demoBoxContent
	{
	width: 220px;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgWhiteToLightGrey_1x50.gif");
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	padding: 10px 10px 10px 10px;
	}

td.loginBoxContent
	{
	width: 220px;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgLightGreyToWhite_1x50.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #EEEEEE;
	padding: 10px 10px 10px 10px;
	}

td.loginBoxTitle
	{
	width: 220px;
	height: 45px;
	border-top: 0px;
	border-right: 1px solid #909090;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgDarkGreyishWG_230x45.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding: 0px 0px 0px 10px; /*Top and bottom paddings taken care of by vertical middle alignment.*/
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#FFFFFF;
	}

td.onlineDemo
	{
	width: 196px;
	height: 50px;
	background-image: url("../GraphicsUI/buttonRedDemo_196x50.jpg");
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: right;
	padding: 0px 20px 0px 0px; /*Vertical padding is handled by the height and vertical-align property thus top and bottom are zero.*/
	}

td.logIn
	{
	width: 196px;
	height: 50px;
	background-image: url("../GraphicsUI/buttonYellowLogin_196x50.jpg");
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: right;
	padding: 0px 20px 0px 0px; /*Vertical padding is handled by the height and vertical-align property thus top and bottom are zero.*/
	}

table.logInAccessories
	{
	width: 196px;
	}

td.logInLock
	{
	width: 40px;
	height: 50px;
	background-image: url("../GraphicsUI/grLock_30x37.gif");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FEE787;
	vertical-align: bottom;
	padding: 0px 0px 7px 13px;
	}

td.logInSSL
	{
	width: 114px;
	height: 50px;
	background-color: #FEE787;
	vertical-align: bottom;
	padding: 0px 0px 5px 0px;
	}

td.loginSSLQ
	{
	width: 40px;
	height: 50px;
	background-color: #FEE787;
	vertical-align: bottom;
	padding: 0px 0px 5px 5px;
	}

td.accolades
	{
	padding: 5px 0px 0px 0px;
	/*width: 172px;*/
	background-image: url("../GraphicsUI/bgAccolades_100x100.gif");
	}

td.accoladesTopLeft
	{
	width: 14px;
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesTopLeft_14x22.gif");
	background-repeat: no-repeat;
	}

td.accoladesTopCenter
	{
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesTopCenter_86x22.gif");
	background-repeat: repeat-x;
	}

td.accoladesTopRight
	{
	width: 120px;
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesTopRight_120x22.gif");
	background-repeat: no-repeat;
	}

td.accoladesBottomLeft
	{
	width: 168px;
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesBottomLeft_168x22.gif");
	background-repeat: no-repeat;
	}

td.accoladesBottomCenter
	{
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesBottomCenter_2x22.gif");
	background-repeat: repeat-x;
	}

td.accoladesBottomRight
	{
	width: 50px;
	height: 22px;
	background-image: url("../GraphicsUI/bgAccoladesBottomRight_50x22.gif");
	background-repeat: no-repeat;
	}

td.accoladesBottomLeftWithMag
	{
	width: 168px;
	height: 78px;
	background-image: url("../GraphicsUI/bgAccoladesBottomLeftWithMag_168x78.gif");
	background-repeat: no-repeat;
	}

td.accoladesBottomCenterWithMag
	{
	height: 78px;
	background-image: url("../GraphicsUI/bgAccoladesBottomCenterWithMag_2x78.gif");
	background-repeat: repeat-x;
	}

td.accoladesBottomRightWithMag
	{
	width: 50px;
	height: 78px;
	background-image: url("../GraphicsUI/bgAccoladesBottomRightWithMag_50x78.gif");
	background-repeat: no-repeat;
	}

td.accoladesLeft
	{
	width: 24px;
	}

td.accoladesLeftTop
	{
	width: 24px;
	height: 114px;
	background-image: url("../GraphicsUI/bgAccoladesLeftTop_24x114.gif");
	background-repeat: no-repeat;
	}

td.accoladesLeftBottom
	{
	width: 24px;
	background-image: url("../GraphicsUI/bgAccoladesLeft_24x10.gif");
	background-repeat: repeat-y;
	}

td.accoladesRight
	{
	width: 24px;
	}

td.accoladesRightTop
	{
	width: 24px;
	background-image: url("../GraphicsUI/bgAccoladesRight_24x1.gif");
	background-repeat: repeat-y;
	}

td.accoladesRightBottom
	{
	width: 24px;
	height: 200px;
	background-image: url("../GraphicsUI/bgAccoladesRightBottom_24x200.gif");
	background-repeat: no-repeat;
	}

td.boundingMainpageHighlightsL
	{
	width: 240px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgLightGreyToWhite_1x50.gif");
	background-repeat: repeat-x;
	padding: 12px 10px 12px 12px;
	}

td.boundingMainpageHighlightsR
	{
	width: 240px;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgLightGreyToWhite_1x50.gif");
	background-repeat: repeat-x;
	padding: 12px 10px 12px 12px;
	}

td.boundingMainpageHighlights
	{
	width: 100%;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	background-image: url("../GraphicsUI/bgLightGreyToWhite_1x50.gif");
	background-repeat: repeat-x;
	padding: 12px 10px 12px 12px;
	}

td.boundingExternalContent
	{
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #909090;
	border-right: 1px solid #909090;
	border-left: 1px solid #C0C0C0;
	}

td.newsTopLeft
	{
	width: 6px;
	background-image: url("../GraphicsUI/bgYellowNoteTopLeft_6x20.gif");
	background-repeat: no-repeat;
	background-position: 0px 35px;
	}

td.newsTopMiddle
	{
	background-image: url("../GraphicsUI/bgYellowNoteTopMiddle_3x20.gif");
	background-repeat: repeat-x;
	background-position: 0px 35px;
	text-align: center;
	}

td.newsTopRight
	{
	width: 6px;
	background-image: url("../GraphicsUI/bgYellowNoteTopRight_6x20.gif");
	background-repeat: no-repeat;
	background-position: 0px 35px;
	}

td.newsMiddleLeft
	{
	width: 3px;
	background-image: url("../GraphicsUI/bgYellowNoteMiddleLeft_3x20.gif");
	background-repeat: repeat-y;
	}

td.newsMiddleMiddle
	{
	background-image: url("../GraphicsUI/bgYellowNoteMiddleMiddle_3x20.gif");
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	padding: 0px 12px 12px 12px;
	}

td.newsMiddleRight
	{
	width: 3px;
	background-image: url("../GraphicsUI/bgYellowNoteMiddleRight_3x20.gif");
	background-repeat: repeat-y;
	}

td.newsBottomLeft
	{
	width: 6px;
	height: 6px;
	background-image: url("../GraphicsUI/bgYellowNoteBottomLeft_6x6.gif");
	background-repeat: no-repeat;
	}

td.newsBottomMiddle
	{
	height: 6px;
	background-image: url("../GraphicsUI/bgYellowNoteBottomMiddle_3x6.gif");
	background-repeat: repeat-x;
	}

td.newsBottomRight
	{
	width: 6px;
	height: 6px;
	background-image: url("../GraphicsUI/bgYellowNoteBottomRight_6x6.gif");
	background-repeat: no-repeat;
	}

td.bottomShadow215Left
	{
	width: 94px;
	height: 10px;
	background-image: url("../GraphicsUI/bgBottomShadow215MinLeft_94x10.gif");
	background-repeat: no-repeat;
	}

td.bottomShadow215Middle
	{
	height: 10px;
	background-image: url("../GraphicsUI/bgBottomShadow215MinMiddle_1x10.gif");
	background-repeat: repeat-x;
	}

td.bottomShadow215Right
	{
	width: 120px;
	height: 10px;
	background-image: url("../GraphicsUI/bgBottomShadow215MinRight_120x10.gif");
	background-repeat: no-repeat;
	}

td.inputLabel
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#000080;
	text-align: right;
	padding: 5px 12px 5px 5px;
	}

td.bottomMenu
	{
	padding: 0px 0px 0px 0px;
	}

td.copyrightLeft
	{
	width: 25px;
	height: 15px;
	background-image: url("../GraphicsUI/bgDropShadowLeftEnd_25x15.gif");
	background-repeat: no-repeat;
	}

td.copyrightMiddle
	{
	width: 930px; /*container - copyrightLeft and Right*/
	height: 15px;
	background-image: url("../GraphicsUI/bgDropShadowMiddle_10x15.gif");
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	text-align: center;
	}

td.copyrightRight
	{
	width: 25px;
	height: 15px;
	background-image: url("../GraphicsUI/bgDropShadowRightEnd_25x15.gif");
	background-repeat: no-repeat;
	}

td.paddedRight
	{
	padding: 0px 10px 0px 0px;
	}

td.paddedTop
	{
	padding: 10px 0px 0px 0px;
	}

td.paddedTopAndRight
	{
	padding: 10px 10px 0px 0px;
	}

div.accoladeLetter
	{
	width: 95px;
	height: 120px;
	position: absolute;
	background-image: url("../GraphicsUI/whitePaper_95x120.gif");
	background-position: center center;
	background-repeat: no-repeat;
	}

div.accoladeLetterIE /*IE6 is quirky in padding of divs. Could not use padding in div.accoladeLetter without looking different in Mozilla. Therefore this workaround of div within div with margins.*/
	{
	margin: 7px 7px 7px 9px;
	word-wrap: break-word;
	}

div.questionsAnswers
	{
	width: 650px;
	position: relative;
	right: 0px;
	top: 7px;
	visibility: hidden;
	}

div.questionsAnswerMargin
	{
	width: 100%;
	border: 1px solid #999999;
	position: absolute;
	background-color:#FFFFFF;
	display: none;
	}

div.questionsAnswer
	{
	margin: 7px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	}

img
	{
	border-width: 0px;
	}

hr
	{
	color: #C0C0C0;
	background-color: #C0C0C0;
	height: 1px;

	}

ul
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

ol
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

li.whatCustomersLike
	{
	list-style-image: url("../GraphicsUI/dotCross_9x12.gif"); 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	position: relative;
	right: 22px;
	margin: 12px 0px;
	}

li.whatCustomersLike div.image
	{
	float:right;
	}

li.whatOPTRACKDoes
	{
	list-style-image: url("../GraphicsUI/dotCross_9x12.gif"); 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	position: relative;
	right: 22px;
	}

li.lowerAlpha
	{
	list-style-type: lower-alpha; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

li.unindented
	{
	position: relative;
	right: 22px;
	}

li.faq
	{
	font-weight: bold;
	margin: 12px 0px;
	}

select
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration: none;
	}

textarea
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration: none;
	}

input
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration: none;
	}

input.required
	{
	background-color: #FFFFA0;
	}

input.login
	{
	width: 120px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration: none;
	}

textarea
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#555555;
	text-decoration: none;
	}
	
b.magnified8to12pt10to20pc
	 {
	 font-size: 125%;
	 position: relative;
	 top: 1px;
	 }

b.mainpageTitle
	{
	font-size: 18px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#666666;
	text-decoration: none;
	}

b.sectionTitle
	{
	font-size: 14px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-decoration: none;	
	}

em.handwritten
	{
	font-size: 14px;
	font-family: Times, Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: italic;
	color:#000080;
	text-decoration: none;
	}

em.reddish
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#B00000;
	text-decoration: none;
	}

em.blueish
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#000080;
	text-decoration: none;
	}

p
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#555555;
	text-decoration: none;
	}

a.normal:link, a.normal:visited
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#305070;
	text-decoration: none;
	white-space: nowrap;
	}

a.normal:hover, a.normal:active
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#305070;
	text-decoration: underline;
	white-space: nowrap;
	}

a.largefont:link, a.largefont:visited
	{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#305070;
	text-decoration: none;
	white-space: nowrap;
	}

a.largefont:hover, a.largefont:active
	{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#305070;
	text-decoration: underline;
	white-space: nowrap;
	}

a.faq:link, a.faq:visited
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#305070;
	text-decoration: none;
	word-wrap: break-word;
	}

a.faq:hover, a.faq:active
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#305070;
	text-decoration: underline;
	word-wrap: break-word;
	}

a.inNews:link, a.inNews:visited
	{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#305070;
	text-decoration: none;
	white-space: nowrap;
	}

a.inNews:hover, a.inNews:active
	{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-style: normal;
	color:#000000;
	text-decoration: underline;
	white-space: nowrap;
	}


a.underlined:link, a.underlined:visited
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#305070;
	text-decoration: underline;
	white-space: nowrap;
	}

a.underlined:hover, a.underlined:active
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000000;
	text-decoration: underline;
	white-space: nowrap;
	}

a.smallWrappable:link, a.smallWrappable:visited
	{
	font-size: 10px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000080;
	text-decoration: none;
	word-wrap: break-word;
	}

a.smallWrappable:hover, a.smallWrappable:active
	{
	font-size: 10px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color:#000080;
	text-decoration: underline;
	word-wrap: break-word;
	}

/*For GMap.*/
v\:* {
      behavior:url(#default#VML);
    }