/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
	border-top-color: #666;
}

body{
	background: none;
	text-align: -moz-center;
	
}

#main {
	width:953px;
	margin:0 auto;
	text-align:left;
	padding:21px 14px 74px 13px;
}

#header {height:462px;}
#footer { height:54px;}
.col-1, .col-2, .col-3 {
	float:left;
}
.container {
	width:100%;
	overflow:hidden;
}

#header .col-1{ width:455px;}
#header .col-2{ width:144px;}
#header .col-3{ width:303px;}

#content .col-1{
	width:228px;
}
#content .col-2{
	width:670px;
	margin-left:15px;
	font-size: 12px;
}
#content .col-3{
	width:228px;
	margin-left:18px;
}

#content .col-4{
	width:600px;
	margin-left:250px;
}

#content .col-5{
	width:600px;
	margin-left:250px;
	visibility: hidden;
}

#page8 #content .col-1{
	width:660px;
}
#page8 #content .col-2{ width:228px; margin-left:18px;}
#page8 p{
	padding-top:18px;
}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6875em;
	line-height:1.273em;
	color:#000;
}

input, select {
	vertical-align:middle;
	font-weight:normal;
	visibility: visible;
}

a {color:#1babd5;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
h2{ text-transform:uppercase; font-size:1.636em; font-weight:normal; letter-spacing:-1px; padding-bottom:10px; color:#000000;}
.title1{ color:#147fbf}
strong{
	display:block;
	padding-bottom:5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.strong1{ padding-bottom:0;}
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 15px 0 0; float:left;}
.phone{ float:right; padding-right:17px;}
.phone2{ float:right; padding-right:35px;}
.padding1{ padding-left:10px;}
.padding2{

}
.padding3{ padding-top:20px;}
.padding4{ padding-top:12px !important;}
.margin1{ margin-top:8px !important;}

.top-tail{ background:url(../../../../images/page-top-tail.gif) top repeat-x;}
.bot-tail{ background:url(../../../../images/page-bot-tail.gif) bottom repeat-x;}
.left-tail{ background:url(../../../../images/page-left-tail.gif) left repeat-y;}
.right-tail{ background:url(../../../../images/page-right-tail.gif) right repeat-y;}
.left-top{ background:url(../../../../images/page-corner-left-top.gif) left top no-repeat;}
.right-top{ background:url(../../../../images/page-corner-right-top.gif) right top no-repeat;}
.left-bot{ background:url(../../../../images/page-corner-left-bot.gif) left bottom no-repeat;}
.right-bot{ background:url(../../../../images/page-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.indent{ padding:12px 13px 13px 12px;}

/* ============================= header ====================== */
#header .top{ height:147px; position:relative}
#header .flash1{ position:absolute; margin:-4px 0 0 -4px;}
#header .flash2{ margin:-4px 0 0 -4px;}

#header .row{ background:url(../../../../images/header-row-tail.gif) top repeat-x; margin-right:3px;}
#header .row .left-bg{ background:url(../../../../images/header-row-left-bg.gif) left top no-repeat;}
#header .row .right-bg{ background:url(../../../../images/header-row-right-bg.gif) right top no-repeat;}
#header .row .indent{ padding:9px 0 0 9px;}
#header h4{ font-size:1.091em; text-transform:uppercase; color:#3e3e3e; background:url(../../../../images/header-title-tail.gif) top repeat-x; font-weight:bold;}
#header h4 span{ display:block; background:url(../../../../images/header-title-left-bg.gif) left top no-repeat;}
#header h4 span span{ background:url(../../../../images/header-title-right-bg.gif) right top no-repeat; padding:13px 10px 14px 10px;}

#header .box{ background:#a1a1a1;}
#header .box .left-corner{ background:url(../../../../images/header-box-corner-left.gif) left bottom no-repeat;}
#header .box .right-corner{ background:url(../../../../images/header-box-corner-right.gif) right bottom no-repeat;}
#header .box .indent{ padding:13px 12px 30px 10px;}

#header .list li{ line-height:2.182em; background:url(../../../../images/header-list-line.gif) bottom repeat-x; padding-left:1px;}
#header .list .last{ background:none;}
#header .list a{ color:#ffffff; text-decoration:none;}
#header .list a:hover{ color:#000000;}

#header .col-3{ margin-left:6px;}
#header .block{ width:100%;}
#header .bg1{ background:url(../../../../images/header-block1-bg.jpg) left top no-repeat;}
#header .bg2{ background:url(../../../../images/header-block2-bg.jpg) left top no-repeat; margin-top:4px;}
#header .block .indent{ padding:18px 20px 13px 110px;}
#header .block h4{ color:#52a5d1; background:none; padding-bottom:10px;}
#header .block .list1 li{ line-height:1.636em; background:url(../../../../images/list-marker.gif) no-repeat 0 6px; padding-left:8px;}
#header .block .list1 a{ color:#4c4c4c; text-decoration:none;}
#header .block .list1 a:hover{ text-decoration:underline;}
#header .block .link{ display:block; background:url(../../../../images/header-button-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:15px;}
#header .block .link span{ display:block; background:url(../../../../images/header-button-left-bg.gif) left top no-repeat;}
#header .block .link span span{ background:url(../../../../images/header-button-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
#header .block .link:hover{ background:url(../../../../images/header-button-tail-act.gif) top repeat-x;}
#header .block .link:hover span{ background:url(../../../../images/header-button-left-bg-act.gif) left top no-repeat;}
#header .block .link:hover span span{ background:url(../../../../images/header-button-right-bg-act.gif) right top no-repeat;}

/* ============================= content ====================== */
#content{ padding:9px 0 15px 10px;}

.box1{ background:#73323a; color:#ffffff;}
.box1 .left-top{ background:url(../../../../images/box1-corner-left-top.gif) left top no-repeat;}
.box1 .right-top{ background:url(../../../../images/box1-corner-right-top.gif) right top no-repeat;}
.box1 .left-bot{ background:url(../../../../images/box1-corner-left-bot.gif) left bottom no-repeat;}
.box1 .right-bot{ background:url(../../../../images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1 .indent{ padding:22px 16px 32px 17px;}
.box1 h3{ text-transform:uppercase; font-size:1.545em; padding-bottom:19px;}

.box2{ background:#ebebeb; color:#505050;}
.box2 .left-top{ background:url(../../../../images/box2-corner-left-top.gif) left top no-repeat;}
.box2 .right-top{ background:url(../../../../images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .left-bot{ background:url(../../../../images/box2-corner-left-bot.gif) left bottom no-repeat;}
.box2 .right-bot{ background:url(../../../../images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:15px 20px 18px 17px;}
.box2 h3{ text-transform:uppercase; color:#3e3e3e; font-size:1.091em; padding-bottom:15px;}
.box2 strong{ display:inline;}
.box2 .link{ display:inline-block; font-weight:bold; margin-top:5px;}
.box2 .link1{ color:#787878; font-weight:bold; display:inline-block; margin:13px 0 10px 0;}
.box2 .text1{ color:#656565;}

.box3{ background:#1482c0; color:#ffffff;}
.box3 .left-top{ background:url(../../../../images/box3-corner-left-top.gif) left top no-repeat;}
.box3 .right-top{ background:url(../../../../images/box3-corner-right-top.gif) right top no-repeat;}
.box3 .left-bot{ background:url(../../../../images/box3-corner-left-bot.gif) left bottom no-repeat;}
.box3 .right-bot{ background:url(../../../../images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:15px 20px 18px 17px;}
.box3 h3{ text-transform:uppercase; color:#ffffff; font-size:1.091em; padding-bottom:15px;}

#content .list{
	margin-top:-5px;
}
#content .list li{ line-height:1.636em; background:url(../../../../images/list-marker.gif) no-repeat 0 6px; padding-left:9px;}
#content .list li a{ color:#656565; text-decoration:none;}
#content .list li a:hover{ text-decoration:underline;}
.color2 a{ color:#505050 !important;}


.list2 li{ background:url(../../../../images/list2-item-bg.gif) top repeat-x; padding:12px 0 16px 10px;}
.list2 a{ display:inline-block; padding:5px 0 5px 45px; color:#ffffff; font-weight:bold; font-size:1.364em; text-decoration:none;}
.list2 a:hover{ color:#000000;}
.list2 .item1 a{ background:url(../../../../images/list2-item1-bg.gif) no-repeat 0 0;}
.list2 .item2 a{ background:url(../../../../images/list2-item2-bg.gif) no-repeat 0 0;}
.list2 .item3 a{ background:url(../../../../images/list2-item3-bg.gif) no-repeat 0 0;}
.list2 .item4 a{ background:url(../../../../images/list2-item4-bg.gif) no-repeat 0 0;}
.list2 .item5 a{ background:url(../../../../images/list2-item5-bg.gif) no-repeat 0 0;}
.type2{ font-size:1.091em; line-height:1.5em;} 
.type2 strong{ font-size:1.25em; font-weight:bold; text-decoration:none; padding:0;}
.type2 a{ font-size:1em; padding:0;}

.list3 li{ line-height:1.636em; background:url(../../../../images/list-marker.gif) no-repeat 0 6px; padding-left:12px;}

.indent2{
	padding:22px 3px 0 4px;
}
.indent3{ padding:22px 3px 0 15px;}
.unline{
	padding-bottom:12px;
	margin-bottom:22px;
	border-bottom-style: none;
}
.unline2{
	border-bottom:solid 2px #c0c0c0;
	padding-bottom:2px;
	margin-bottom:22px;
	color: #000;
	font-size: 12px;
}

.link1{ padding-top:5px; text-align:right;}
.link1 a{ display:inline-block; background:url(../../../../images/form-button-tail.gif) top repeat-x;  text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
.link1 a span{ display:block; background:url(../../../../images/form-button-left-bg.gif) left top no-repeat;}
.link1 a span span{ background:url(../../../../images/form-button-right-bg.gif) right top no-repeat; padding:5px 10px 5px 10px; vertical-align:middle;}
.link1 a:hover{ background:url(../../../../images/form-button-tail-act.gif) top repeat-x;}
.link1 a:hover span{ background:url(../../../../images/form-button-left-bg-act.gif) left top no-repeat;}
.link1 a:hover span span{ background:url(../../../../images/form-button-right-bg-act.gif) right top no-repeat;}

.link2{ display:block; background:url(../../../../images/link2-tail.gif) top repeat-x; float:right; color:#ffffff; text-decoration:none; font-weight:bold; margin-top:10px;}
.link2 span{ display:block; background:url(../../../../images/link2-left-bg.gif) left top no-repeat;}
.link2 span span{ background:url(../../../../images/link2-right-bg.gif) right top no-repeat; padding:4px 12px 7px 11px;}
.link2:hover{ background:url(../../../../images/link2-tail-act.gif) top repeat-x;}
.link2:hover span{ background:url(../../../../images/link2-left-bg-act.gif) left top no-repeat;}
.link2:hover span span{ background:url(../../../../images/link2-right-bg-act.gif) right top no-repeat;}

.link4{ background:url(../../../../images/list-marker.gif) no-repeat 0 6px; padding-left:9px; font-weight:bold; color:#505050; text-decoration:none;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #e1e1e1; margin:0 12px 0 10px;}
#footer .menu{ float:right; padding-top:20px;}
#footer .menu li{ float:left; background:url(../../../../images/footer-menu-bg.gif) no-repeat 0 0; padding-right:21px;}
#footer .menu .first{ background:none;}
#footer .menu .last{ padding-right:0;}
#footer .menu a{ margin-left:21px; color:#949494;}

#footer .text{ padding:21px 0 0 4px; color:#656565;}
#footer .text a{ font-weight:bold;}

/* ============================= forms ============================= */
#SearchForm{ float:right; color:#4c4c4c; padding:30px 15px 0 0;}
#SearchForm input{ border:solid 1px #b7b7b7; width:205px; padding:2px 0 2px 0; margin:5px 2px 0 0; line-height:1em; font-size:1.273em;}
#SearchForm a{ display:inline-block; background:url(../../../../images/form-button-tail.gif) top repeat-x; text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; margin-top:6px; vertical-align:middle;}
#SearchForm a span{ display:block; background:url(../../../../images/form-button-left-bg.gif) left top no-repeat;}
#SearchForm a span span{ background:url(../../../../images/form-button-right-bg.gif) right top no-repeat; padding:5px 25px 5px 25px; vertical-align:middle;}
#SearchForm a:hover{ background:url(../../../../images/form-button-tail-act.gif) top repeat-x;}
#SearchForm a:hover span{ background:url(../../../../images/form-button-left-bg-act.gif) left top no-repeat;}
#SearchForm a:hover span span{ background:url(../../../../images/form-button-right-bg-act.gif) right top no-repeat;}

#SubscribeForm input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SubscribeForm .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm2 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm2 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#SearchForm3 input{ border:solid 1px #000000; padding:3px 0 3px 2px; width:187px; font-size:1em;}
#SearchForm3 .link3{ color:#ffffff; display:inline-block; margin-top:10px;}

#ContactForm{ margin-top:-7px;}
#ContactForm label{ display:block; height:34px;}
#ContactForm input{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 0 3px; width:187px;}
#ContactForm textarea{ border:solid 1px #7d7d7d; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:187px; height:145px; overflow:hidden;}
#ContactForm .link2{ margin-left:8px;}
#page2 #main .top-tail .bot-tail .left-tail .right-tail .left-top .right-top .left-bot .right-bot .indent #content .container .col-3 .box2 .left-top .right-top .left-bot .right-bot .indent h3 {
	color: #CE0000;
}
#page2 #main .top-tail .bot-tail .left-tail .right-tail .left-top .right-top .left-bot .right-bot .indent #content .container .col-3 .box2 .left-top .right-top .left-bot .right-bot .indent .padding1 p {
	color: #000;
}
#page2 #main .top-tail .bot-tail .left-tail .right-tail .left-top .right-top .left-bot .right-bot .indent #content .container .col-3 .box2 .left-top .right-top .left-bot .right-bot .indent h3 {
	color: #000;
}
#page2 #main .top-tail .bot-tail .left-tail .right-tail .left-top .right-top .left-bot .right-bot .indent #content .container .col-3 .box2 .left-top .right-top .left-bot .right-bot .indent h4 {
	color: #F00;
	font-size: 16px;
}

/* ============================= eSeries ============================= */

Input
{
	font-size:10pt;
	font-family:Arial; 
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	border-left:black 1px solid;
	border-right:black 1px solid;
}
Select 
{
	font-size:10pt;
	font-family:Arial; 
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	border-left:black 1px solid;
	border-right:black 1px solid;
}
Textarea 
{
	font-size:10pt;
	font-family:Arial; 
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	border-left:black 1px solid;
	border-right:black 1px solid;
}
.ERSNavBar
{
	background-color:silver;
}
.ERSHeader
{
	border-right:buttonshadow 1px solid;
	border-top:buttonhighlight 1px solid;
	font-weight:normal;
	font-size:9pt;
	background-color:#D6D3CE;
	font-family:arial;
	border-left:buttonhighlight 1px solid;
	color:black;
	padding-top:0px;
	border-bottom:buttonshadow 1px solid;
	height:16px;
	text-decoration:none;
	text-align:center;
	letter-spacing:1pt;
	text-transform:capitalize;
}
.ERSHeader TD A:link
{
	font-weight:normal;
	font-size:9pt;
	color:black;
	font-family:arial;
	text-decoration:underline;
}
.ERSHeader TD A:active
{
	font-weight:normal;
	font-size:9pt;
	color:black;
	font-family:arial;
	text-decoration:underline;
}
.ERSHeader TD A:visited
{
	font-weight:normal;
	font-size:9pt;
	color:black;
	font-family:arial;
	text-decoration:underline;
}
.ERSHeader TD P
{
	font-weight:normal;
	font-size:9pt;
	color:black;
	font-family:arial;
	text-decoration:none;
}
.EToolBar
{
	background-color:#006699;
}
.ETaskBar
{
	background-color:silver;
}
.ETHRowBorder
{
	 background-color: silver;
}
.ETHRow TD
{
	background-color: silver;
    font-size: 10pt;
	font-weight: bold;
}
.ETH 
{
	background-color: #A4D1FF;
} 
.ETD 
{
	background-color:silver;
}
.ETD A:link
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.ETD A:active
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.ETD A:visited
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.ETDALT 
{
	background-color:white;
}
.ETDALT A:link
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.ETDALT A:active
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.ETDALT A:visited
{
	color:blue;
	font-family:arial;
	text-decoration:underline;
}
.EOTABLE 
{
	background-color:#083163;
}
.EOTH 
{
	background-color:#083163;
}
.EOTD 
{
	background-color:white;
}
.EOBottomBar
{
	background-color:#006699;
}
.EOTitleBar
{
	background-color:white;
}
.EOProductNavBar
{
	background-color:white;
}
.EOListNavBar
{
	background-color:white;
}
.EOInStock
{
	font-weight:bolder;
	background-color:silver;
	font-size:10pt;
	font-family:Arial; 
	color:black;
	text-decoration:none;
}
.EOOutofStock
{
	font-weight:bolder;
	background-color:silver;
	font-size:10pt;
	font-family:Arial; 
	color:red;
	text-decoration:none;
}	
.EETABLE 
{
	background:white;
}
.EBW10
{
	font-size:10pt;
	font-family:arial; 
	font-weight:bolder;
	color:black;
}
.ENW10
{
	font-size:10pt;
	font-family:arial; 
	color:white;
}
.EN12
{
	font-size:10pt;
	font-family:arial; 
	color:black;
}
.EN11
{
	font-size:10pt;
	font-family:arial; 
	color:black;
}
.EN10 
{
	font-size:10pt;
	font-family:arial; 
	color:black;
}
.EN9 
{
	font-size:9pt;
	font-family:arial; 
	color:black;
}
.EN8 
{
	font-size:8pt;
	font-family:arial; 
	color:black;
}

.EH2 
{
	font-weight: bold;
	font-size: 14pt;
	color: 003366;
	font-family: Tahoma;
	text-decoration: none;
	padding-top : 6px;
}

.EH3 
{
	font-size:12pt;
	font-family:Arial; 
	color:blue;
}
.EH4 
{
	font-size:10pt;
	font-family:arial; 
	color:green;
}
.EB12
{
	font-weight:bolder;
	font-size:12pt;
	font-family:arial; 
	color:black;
	text-decoration: none;
}
.EB11
{
	font-weight:bolder;
	font-size:11pt;
	font-family:arial; 
	color:black;
}
.EB10
{
	font-weight:bolder;
	font-size:10pt;
	font-family:arial; 
	color:black;
}
.EB9
{
	font-weight:bolder;
	font-size:9pt;
	font-family:arial; 
	color:black;
}
.SideLine1 
{
	position:absolute; 
	left:0pt;
}
.SideLine2 
{
	position:absolute; 
	left:0pt;
}
.ButtonBar1 
{
	background-color:white; 
	text-align:center;
}
.ButtonBar2 
{
	background-color:white; 
	text-align:left;
}
.ButtonBar3 
{
	background-color:white; 
	text-align:right;
}
.Button1 
{
	cursor:hand; 
	border-top:black 1px solid;
	border-bottom:black 1px solid;
	border-left:black 1px solid;
	border-right:black 1px solid;
	background-color:silver; 
	color:black;
	font-size:10pt;
	font-family:arial; 
	border-style:outset; 
} 
.IndexHeading 
{															
	font-family:Arial; 
	font-size:10pt; 
	color:#000000; 
	text-decoration:none; 
	font-weight:bold;
}
.Heading 
{
	font-family:Arial; 
	font-size:12pt; 
	color:#003366; 
	text-decoration:none; 
	font-weight:bold;
}
.Text 
{
	font-family:Arial; 
	font-size:10pt; 
	color:#000000; 
	text-decoration:none; 
	font-weight:normal;
}
.SmallText 
{
	font-family:Arial; 
	font-size:8pt; 
	color:#000000; 
	text-decoration:none; 
	font-weight:normal;
}
.LeftIndextext 
{
	font-family:Arial; 
	font-size:10pt; 
	color:#ffffff; 
	text-decoration:none; 
	font-weight:normal;
}
.BodyLink 
{
	font-family:Arial; 
	font-size:10pt; 
	color:#003366; 
	text-decoration:underline; 																											
	font-weight:normal;
}
.NavLink 
{
	font-family:Arial; 
	font-size:10pt; 
	color:Blue; 
	text-decoration:none; 
	font-weight:normal;
}

.TopNavLink 
{
	font-family:Arial; 
	font-size:10pt; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:normal;
}
.NavDivider 
{
	font-family:Arial; 
	font-size:10pt; 
	color:#999999; 
	text-decoration:none; 
	font-weight:normal;
}
.ETaskActive
{
	font-weight:900;
	font-size:10pt;
	font-family:Arial;  
	color:black;
	text-decoration: none
	background-color:silver;
}
.ETaskNext
{
	background-color:silver;
	font-size:10pt;
	font-family:Arial;  
	text-decoration: none;
}
.ETask
{	
	background-color:silver;
	font-size:10pt;
	font-family:Arial; 
	text-decoration: none
}
.ETask A:active
{
	font-size:10pt;
	font-family:Arial;  
	color:red;
	text-decoration: none;
}
.ETask A:link
{
	font-size:10pt;
	font-family:Arial; 
	color:red;
	text-decoration: none;
}
.ETask A:visited
{
	font-size:10pt;
	font-family:Arial;  
	color:RED;
	text-decoration: none;
}

.A1:link 
{
	font-size:8pt;
	font-family:arial; 
	color:blue; 
	text-decoration:underline;
}
.A1:visited 
{
	font-size:8pt;
	font-family:arial; 
	color:blue; 
	text-decoration:underline;
}
.A1:active 
{
	font-size:8pt;
	font-family:arial; 
	color:blue; 
	text-decoration:underline;
}