/*Global Styles

------------------------------------- */

html, body
{
	height: 100%;
}

body
{
	background: url(images/background.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, "Trebuchet MS";
	color: #666;
}



/* Site Navi Styles

----------------------------------------------------------- */
a:link
{
	font-family: Arial, Helvetica, "Trebuchet MS";
	color: #0658ae;
}

a:active
{
	font-family: Arial, Helvetica, "Trebuchet MS";
	color: #0658ae;
}

a:visited
{
	font-family: Arial, Helvetica, "Trebuchet MS";
	color: #0658ae;
}

a:hover
{
	font-family: Arial, Helvetica, "Trebuchet MS";
	color: #666666;
}

.navi a
{
	color: #FFF;
}


/* Sitewide Container

----------------------------------------------------------- */

#Container
{
	width: 1008px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
}

/* Home Divs 

----------------------------------------------------------- */

#homeDisclaimer
{
	margin-top: 10px;
	width: 230px;
	text-align: right;
	color: #d0d7eb;
	font-size: 12px;
	margin-right: 17px;
	float: right;
}

#indexLogo
{
	position: absolute;
	left: -2px;
	top: 0px;
	width: 406px;
	height: 147px;
	background: url('images/index_01.jpg');
}

#indexA2
{
	position: absolute;
	left: 401px;
	top: 0px;
	width: 359px;
	height: 147px;
	background: url('images/index_02.jpg');
}

#indexTopNavi
{
	position: absolute;
	left: 760px;
	top: 0px;
	width: 221px;
	height: 147px;
	background: url('images/index_03.jpg');
}

#indexA4
{
	position: absolute;
	left: -3px;
	top: 147px;
	width: 11px;
	height: 520px;
	background: url('images/index_04.jpg');
}

#indexA11
{
	position: absolute;
	left: 696px;
	top: 147px;
	width: 112px;
	height: 38px;
	background: url('images/index_11.jpg');
}

#indexA12
{
	position: absolute;
	left: 808px;
	top: 147px;
	width: 180px;
	height: 38px;
	background: url('images/index_12.jpg');
}

#indexA13
{
	position: absolute;
	left: 988px;
	top: 147px;
	width: 11px;
	height: 520px;
	background: url('images/index_13.jpg');
}

#indexA14
{
	position: absolute;
	left: 8px;
	top: 185px;
	width: 12px;
	height: 300px;
	background: url('images/index_14.jpg');
}

#banner
{
	position: absolute;
	left: 20px;
	top: 185px;
	width: 788px;
	height: 300px;
}

#indexA16
{
	position: absolute;
	left: 808px;
	top: 185px;
	width: 169px;
	height: 13px;
	background: url('images/index_16.jpg');
}

#index-17_
{
	position: absolute;
	left: 977px;
	top: 185px;
	width: 11px;
	height: 13px;
	background: url('images/index_17.jpg');
}

#index_CustomerLoginHeader
{
	position: absolute;
	left: 808px;
	top: 198px;
	width: 180px;
	height: 40px;
	background: url('images/index_18.jpg');
}

#indexA19
{
	position: absolute;
	left: 808px;
	top: 238px;
	width: 8px;
	height: 106px;
	background: url('images/index_19.jpg');
}

#indexLoginArea
{
	position: absolute;
	left: 816px;
	top: 238px;
	width: 160px;
	height: 150px;
	background: url('images/index_20.jpg');
}

#indexA21
{
	position: absolute;
	left: 976px;
	top: 238px;
	width: 12px;
	height: 108px;
	background: url('images/index_21.jpg');
}

#indexA22
{
	position: absolute;
	left: 816px;
	top: 377px;
	width: 160px;
	height: 7px;
	background: url('images/index_22.jpg');
}

#indexA23
{
	position: absolute;
	left: 808px;
	top: 344px;
	width: 8px;
	height: 29px;
	background: url('images/index_23.jpg');
}

#indexTakeTourHeader
{
	position: absolute;
	left: 816px;
	top: 363px;
	width: 160px;
	height: 29px;
	background: url('images/index_24.jpg');
}

#indexA25
{
	position: absolute;
	left: 976px;
	top: 344px;
	width: 12px;
	height: 29px;
	background: url('images/index_25.jpg');
}

#indexA26
{
	position: absolute;
	left: 808px;
	top: 373px;
	width: 8px;
	height: 84px;
	background: url('images/index_26.jpg');
}

#indexTakeTourArea
{
	position: absolute;
	left: 816px;
	top: 392px;
	width: 160px;
	height: 67px;
	background: url('images/index_27.jpg');
	text-align: center;
}

#indexSupportButtonArea
{
	position: absolute;
	left: 816px;
	top: 392px;
	width: 160px;
	height: 67px;
	background: url('images/index_27.jpg');
	text-align: center;
}

.supportButton
{
	background-color: Yellow;
	font-size: small;
	padding: 10px;
	font-weight: bold;
}

.presentationsButton
{
	background-color: Green;
	font-size: x-small;
	padding: 5px;
	font-weight: bold;
	width: 150px;
}

#indexA28
{
	position: absolute;
	left: 976px;
	top: 373px;
	width: 12px;
	height: 84px;
	background: url('images/index_28.jpg');
}

#indexA29
{
	position: absolute;
	left: 808px;
	top: 457px;
	width: 8px;
	height: 28px;
	background: url('images/index_29.jpg');
}

#indexViewProductButton
{
	position: absolute;
	left: 816px;
	top: 457px;
	width: 160px;
	height: 28px;
	background: url('images/index_30.jpg');
	text-align: center;
}

#indexA31
{
	position: absolute;
	left: 976px;
	top: 457px;
	width: 12px;
	height: 28px;
	background: url('images/index_31.jpg');
}

#indexA32
{
	position: absolute;
	left: 8px;
	top: 485px;
	width: 12px;
	height: 126px;
	background: url('images/index_32.jpg');
}

#indexContentArrowOne
{
	position: absolute;
	left: 20px;
	top: 485px;
	width: 14px;
	height: 126px;
	background: url('images/index_33.jpg');
}

#indexContentOne
{
	position: absolute;
	left: 34px;
	top: 485px;
	width: 207px;
	height: 126px;
	background: url('images/index_34.jpg');
}

#indexContentArrowTwo
{
	position: absolute;
	left: 241px;
	top: 485px;
	width: 15px;
	height: 126px;
	background: url('images/index_35.jpg');
}

#indexContentTwo
{
	position: absolute;
	left: 256px;
	top: 485px;
	width: 227px;
	height: 126px;
	background: url('images/index_36.jpg');
}

#indexContentArrowThree
{
	position: absolute;
	left: 483px;
	top: 485px;
	width: 16px;
	height: 126px;
	background: url('images/index_37.jpg');
}

#indexContentThree
{
	position: absolute;
	left: 499px;
	top: 485px;
	width: 233px;
	height: 126px;
	background: url('images/index_38.jpg');
}

#indexContentArrowFour
{
	position: absolute;
	left: 732px;
	top: 485px;
	width: 16px;
	height: 126px;
	background: url('images/index_39.jpg');
}

#indexContentFour
{
	position: absolute;
	left: 748px;
	top: 485px;
	width: 228px;
	height: 126px;
	background: url('');
}

#indexA41
{
	position: absolute;
	left: 976px;
	top: 485px;
	width: 12px;
	height: 126px;
	background: url('images/index_41.jpg');
}

#indexA42
{
	position: absolute;
	left: 8px;
	top: 611px;
	width: 12px;
	height: 56px;
	background: url('images/index_42.jpg');
}

#index-43_
{
	position: absolute;
	left: 20px;
	top: 611px;
	width: 114px;
	height: 43px;
	background: url('images/index_43.jpg');
}

#indexBottomLinks
{
	position: absolute;
	left: 134px;
	top: 611px;
	width: 842px;
	height: 23px;
	background: url('images/index_44.jpg');
}

#indexA45
{
	position: absolute;
	left: 976px;
	top: 611px;
	width: 12px;
	height: 43px;
	background: url('images/index_45.jpg');
}

#indexCopyrightArea
{
	position: absolute;
	left: 134px;
	top: 634px;
	width: 842px;
	height: 20px;
	background: url('images/index_46.jpg');
}

#indexA47
{
	position: absolute;
	left: 20px;
	top: 654px;
	width: 956px;
	height: 13px;
	background: url('images/index_47.jpg');
}

#indexA48
{
	position: absolute;
	left: 997px;
	top: 654px;
	width: 12px;
	height: 13px;
	background: url('images/index_48.jpg');
}

#indexA49
{
	position: absolute;
	left: -2px;
	top: 669px;
	width: 1004px;
	height: 23px;
	background: url('images/index_49.jpg');
}

/* Subpage Divs

----------------------------------------------------------- */

#wrap
{
	width: 980px;
	margin: 0 auto;
	height: 100%;
	text-align: center;
}

div.InteriorContent
{
	width: 100%;
	height: 600px;
}

div.logo
{
	background: url(images/logo.jpg);
	width: 688px;
	height: 147px;
	display: inline;
	float: left;
}

div.topLinks
{
	background: url(images/mastRight.jpg) no-repeat;
	width: 292px;
	height: 147px;
	display: inline;
	float: left;
}

div.navigation
{
	width: 688px;
	height: 33px;
	display: inline;
	float: left;
	position: relative;
	margin-top: 0px;
}

div.loginButton
{
	background: url(images/customerLogin.jpg) no-repeat;
	width: 292px;
	height: 33px;
	display: inline;
	float: left;
}

div.interiorC9
{
	background: url(images/fillerMid.jpg) repeat-y;
	width: 980px;
	height: 10px;
	display: inline;
	float: left;
	position: relative;
	margin-top: -3px;
}

div.content
{
	background: url(images/contentArea.gif) repeat-y;
	width: 980px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px 0px 60px 0px;
	display: inline;
	float: left;
	z-index: 1;
	postion: relative;
}

* html .content
{
	height: 100%;
}

div.footer
{
	background: url(images/footer.jpg) no-repeat;
	width: 980px;
	height: 83px;
	clear: both;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
}

div.mainWrap
{
	position: relative;
	width: 980px;
	height: auto;
	min-height: 100%;
}

div.contentArea
{
	width: 700px;
	height: auto;
	min-height: 100%;
	top: 20px;
	left: 40px;
	text-align: left;
	display: block;
	float: left;
	position: relative;
	z-index: 2;
}


* html .contentArea
{
	height: 100%;
}

#interiorBottom
{
	text-align: left;
	position: relative;
	left: -10px;
	float: left;
}

#calloutbox
{
	background: url(images/calloutbox.jpg);
	position: absolute;
	width: 194px;
	height: 130px;
	display: block;
	float: left;
	left: 542px;
	top: 80px;
}

/* Formatting

----------------------------------------------------------- */

#basetext
{
	margin: 47px 0px 0px 4px;
	font-size: 11px;
	width: 200px;
}

#User
{
	font-size: 11px;
	color: #333;
	width: 139px;
	border: #7e7d7b solid 1px;
	margin-bottom: 5px;
	padding-left: 2px;
}

#User.page
{
	font-size: 14px;
	color: #333;
	width: 139px;
	border: #7e7d7b solid 1px;
	margin-bottom: 5px;
	padding-left: 2px;
}

#User:hover
{
	border: #0658ae solid 1px;
}

#Pass
{
	font-size: 11px;
	color: #333;
	width: 139px;
	border: #7e7d7b solid 1px;
	margin-bottom: 3px;
	padding-left: 2px;
}

#Pass.page
{
	font-size: 14px;
	color: #333;
	width: 139px;
	border: #7e7d7b solid 1px;
	margin-bottom: 3px;
	padding-left: 2px;
}

#Pass:hover
{
	border: #0658ae solid 1px;
}


#formText
{
	font-size: 11px;
	color: #989292;
	font-weight: bold;
}

#formArea
{
	padding: 5px 0px 0px 7px;
	width: 143px;
}



#ViewDemo
{
	margin: auto;
}

#mast
{
	margin: 14px 0px 0px 0px;
	font-size: 14px;
	color: #FFF;
	position: relative;
	z-index: 5;
	height: 30px;
	width: 210px;
	float: left;
}

#mastsub
{
	margin: 14px 0px 0px 0px;
	font-size: 14px;
	color: #FFF;
	position: relative;
	z-index: 5;
	height: 30px;
	width: 210px;
	float: left;
	left: 75px;
}

#mast a:link
{
	color: #FFF;
	text-decoration: none;
}

#mast a:active
{
	color: #FFF;
	text-decoration: none;
}

#mast a:visited
{
	color: #FFF;
	text-decoration: none;
}

#mast a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#mastsub a:link
{
	color: #FFF;
	text-decoration: none;
}

#mastsub a:active
{
	color: #FFF;
	text-decoration: none;
}

#mastsub a:visited
{
	color: #FFF;
	text-decoration: none;
}

#mastsub a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#bottom
{
	padding: 9px 0px 0px 148px;
	font-size: 11px;
}

#bottom a:link
{
	color: #0658ae;
}

#bottom a:active
{
	color: #0658ae;
}

#bottom a:visited
{
	color: #0658ae;
}

#bottom a:hover
{
	color: #666666;
}

#divNav
{
	position: absolute;
	left: 8px;
	top: 147px;
	width: 688px;
	height: 38px;
	background: url(images/navibg.jpg) repeat-x;
}


#Submit
{
	width: 80px;
	font-size: 11px;
}

.sideNavi
{
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	display: block;
	background: url(images/submenubg.gif) no-repeat;
	width: 190px;
	height: 582px;
	float: left;
	position: relative;
	top: 0px;
	left: 12px;
	text-align: left;
	z-index: 3;
}

.sideNavi b
{
	font-size: 16px;
}

.sideNavi a
{
	color: #FFFFFF;
}

.sideNavi a:active
{
	color: #FFFFFF;
}

.sideNavi a:visited
{
	color: #FFFFFF;
}

.sideNavi a:hover
{
	color: #FFFFFF;
}

div.sideNavi ul.navi
{
	position: relative;
	left: 22px;
	top: 14px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 158px;
}

div.sideNavi ul.navi li
{
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 5px;
	position: relative;
	left: 0px;
	width: 100%;
	list-style-image: url(images/linkarrow.gif);
}

#subContainer
{
	width: 600px;
	font-size: 15px;
}

#subColumnOne
{
	float: left;
	width: 100%;
	display: block;
	padding: 10px;
}

#subHeader
{
	font-size: 36px;
	color: #3c60aa;
	font-family: Arial, Helvetica "Trebuchet MS";
	position: relative;
	margin: -10px 0px 0px -5px;
	width: 100%;
}

#logincontainer
{
	background: #FFF;
	width: 100%;
	margin-top: 10px;
}

#logintable
{
	padding: 10px;
	margin-top: 20px;
	background: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

#printlogo img
{
	visibility: collapse;
	height: 0px;
}


h1
{
	font-size: 1.5em;
	color: #0795db;
	margin-bottom: 0px;
}

h2
{
	font-size: 1.3em;
	color: #0795db;
	margin-bottom: 0px;
}

h3
{
	font-size: 1.1em;
	color: #666666;
	font-weight: normal;
}

h4
{
	font-size: 0.9em;
	color: #333333;
	font-style: italic;
}

h5
{
	font-size: 0.7em;
	color: #333333;
}

h6
{
	font-size: 0.5em;
	color: #333333;
}

hr
{
	color: #CCCCCC;
	background: #CCCCCC;
	width: 100%;
}

img.header
{
	margin-bottom: 10px;
}