#topNavBanner
{background: url(/_media/images/common/window_bg.jpg) top left no-repeat; color: #fff; font: 15px/20px arial, sans-serif; padding: 5px 20px; text-transform: uppercase; width: 630px;}

img#productHero
{margin: 0 0 14px 0;}

/*
-----
*/

#videoAndButtons
{float: left; width: 413px;}

#video
{background: url(/_media/images/product_support/black_bg.gif) top left no-repeat; height: 282px; margin: 0 0 21px 0; width: 413px;}

#video h2
{color: #fff; font: 14px/24px arial, sans-serif; margin: 11px 0 0 17px;}

#video h2 a.red
{color: #ee0000; font: 11px/24px arial, sans-serif; float: right; padding-right: 5px;}

#video h2 a:hover.red
{text-decoration: none;}

#videoPlayer
{border: 1px solid #b5b5b5; height: 200px; margin: 0 0 10px 17px; width: 375px;}

#videoSelector
{margin: 0 20px 0 0;}

img.videoThumb
{border: 1px solid #b5b5b5; float: right; margin: 0 0 0 10px;}

img.button
{float: left; margin: 0 20px 0 0;}

img.buttonLast
{float: left; margin: 0;}

#downloadArea
{background: url(/_media/images/product_support/downloads_bottom_cap.gif) bottom left no-repeat; float: left; margin: 0 0 0 32px; padding: 0 0 50px 0; width: 146px;}

#downloadArea ul
{list-style: none; margin: 20px 0 0 0;}

#downloadArea ul li
{background: url(/_media/images/common/pdf_icon.gif) top left no-repeat; font: 11px/14px arial, sans-serif; padding: 3px 0 8px 23px;}

#downloadArea ul li a,
#downloadArea ul li a:link,
#downloadArea ul li a:visited,
#downloadArea ul li a:active
{color: #333; text-decoration: none;}

#downloadArea ul li:hover
{text-decoration: underline;}


/*
-----
Tech Tips
-----
*/
#encapsulatedContentArea h1
{color: #ee0000;  font-size: 16px; text-align:center;}

#encapsulatedContentArea h2
{color: #ffffff;  font-size: 12px; background: #666666; padding: 1px 10px; margin: 0;}

#encapsulatedContentArea h3
{color: #333333;  font-size: 14px; text-align:center; padding-bottom:15px;}

#encapsulatedContentArea ul
{line-height:16px; padding-left:30px;}

#encapsulatedContentArea ol
{line-height:16px; padding:0 0 10px 50px;}

.backLink a {
color:#000;
text-decoration:none;
}
.backLink a:hover {
color:#000;
text-decoration:underline;
}
.techtipstable
{text-align: center;}

.techtipstable a	{
color:#000;
font-size:11px;
text-decoration: none;
}

.techtipstable a:hover {
text-decoration: underline;
}

.written  {
color:#ee0000;
margin:0;
}

.written a { 
background:#ffffff url(/_media/images/about/toggler_bg.gif) repeat-x scroll left bottom;
color:#ee0000;
font-size:11px;
font-weight:bold;
text-decoration: none;
margin:0;
line-height: 22px;
}

.written a:hover {
text-decoration: underline;
}

#bodyId	{
	position:static;
	height:100%;
}
#matte { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:0px; 
	height:100%; 
	z-index:110; 
	background-color: #000000; 
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;
} 
#wrapper { 
	position:absolute; 
	left:0px; 
	top:-9999px; 
	width:100%; 
	height:196px; 
	z-index:120; 
	text-align:center; 
}
#placeholder1,
#wrapper object, 
#wrapper embed, 
#wrapper #player1 {
	background: #FFF;
	width: 330px;
	height: 270px;
	border: 5px solid #FFF;
	left: 0;
	top: 0;
}
#player1 {
	background: #900;
	width: 330px;
	height: 270px;
	border: 5px solid #FFF;
	left: 0;
	top: 0;
}

/*
-----
faq
-----
*/

#faqArea
{background: url(/_media/images/product_support/faq_bg.jpg) top left no-repeat; height: 163px; margin: 0 0 0 40px; width: 500px;}

.faqByCategory
{float: left; padding: 48px 0px 0px 34px; width: 210px;}

a.largeArrowLink,
a.largeArrowLink:link,
a.largeArrowLink:visited,
a.largeArrowLink:active
{background: url(/_media/images/common/red_arrow_bullet.gif) 0em .4em no-repeat; color: #BB1114; display: block; font: 12px/15px arial, sans-serif; padding: 0 0 8px 8px;}

a.largeArrowLink:hover
{text-decoration: none;}

#faqDisplayArea
{margin: 0 40px;}

#faqDisplayArea ol
{margin: 0 0 10px 18px;}

#faqDisplayArea ol li
{margin: 0 0 10px 0;}

#faqDisplayArea h2
{font: bold 18px/24px arial, sans-serif; margin: 20px 0; text-transform: uppercase;}

#faqDisplayArea h3
{font: bold 13px/18px arial, sans-serif; margin: 20px 0;}

.faq
{border-left: 1px solid #999; margin: 0 0 0 20px; padding: 0 0 0 15px;}

#faqItemList
{float: left; width: 350px;}

#faqItemList h5
{font: bold 11px/15px arial, sans-serif; margin: 12px 0 0 0;}

#faqCatList
{border-left: 1px solid #ccc; float: left; padding: 0 0 20px 20px; width: 230px;}

#faqCatList a,
#faqCatList a:link,
#faqCatList a:visited,
#faqCatList a:active
{color: #BB1114;}

#faqCatList a:hover
{text-decoration: none;}

#faqCatList a.arrowLink,
#faqCatList a.arrowLink:link,
#faqCatList a.arrowLink:visited,
#faqCatList a.arrowLink:active,
#faqItemList a.arrowLink,
#faqItemList a.arrowLink:link,
#faqItemList a.arrowLink:visited,
#faqItemList a.arrowLink:active
{background: url(/_media/images/common/red_arrow_bullet.gif) 0em .4em no-repeat; color: #BB1114; display: block; margin: 10px 0; padding: 0 0 0 8px;}

#faqCatList a.arrowLink:hover,
#faqItemList a.arrowLink:hover
{text-decoration: none;}

img.floatRight
{display: block; margin: 0 0 15px 15px;}

a.backToTop,
a.backToTop:link,
a.backToTop:visited,
a.backToTop:active
{border-top: 1px solid #eee; color: #BB1114; display: block; margin: 15px 0 0 0; padding: 5px 0;}

a.backToTop:hover
{text-decoration: none;}

/*
-----
charging
-----
*/

.optimaTable
{border: 1px solid #666; border-collapse: collapse; margin: 20px 0 0 0; width: 500px;}

.optimaTable th
{height: 20px; vertical-align: middle;}

.optimaTable th.blue
{background: url(/_media/images/optima_products/blue_head.jpg) top left no-repeat;}

.optimaTable th.red
{background: url(/_media/images/optima_products/red_head.jpg) top left no-repeat;}

.optimaTable th.yellow
{background: url(/_media/images/optima_products/yellow_head.jpg) top left no-repeat;}

.optimaTable td
{border: 1px solid #666; padding: 3px 6px; width: 250px;}