body {background:url(images/spacer.gif) repeat-y 80% 0; width: 956px; font: normal 13px/17px arial; color: #333333; margin: 0px; padding: 0px;}
html {background: #cacaca url(/images/bkgrd.gif) repeat-x bottom fixed;}
A:hover {TEXT-DECORATION: underline;}
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
img	{border: 0; vertical-align: text-bottom; padding: 0px; margin: 0px;}
form {border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
input {padding: 2px 0px 2px 0px; font-weight: normal; font-size: 8pt; background: #FFF; color: #555; font-family: arial;}
select, textarea {background-color: #FFF; color: #555; font-family: arial; font-size: 8pt; margin: 0px 0px 10px 0px;}
span.trans input {background-color: transparent;}
acronym {cursor: help;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
.button {cursor: pointer; background: transparent url(images/bkgrd_button.gif) repeat-x; border: 1px solid #d87409; color: #fff; height: 24px; font: 14px "Century Gothic", "Avant Garde", Futura, Helvetica;}
.trans {background-color: transparent;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.top {vertical-align: text-top;}
.middle {vertical-align: middle;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.smtext {font: 7.5pt/10pt arial;}
.right {float: right;}
.left {float: left;}
.blue {color: #0099cc;}
.nowrap {white-space: nowrap;}
.opacity {opacity: .3; filter: alpha(opacity=30);}
.last {margin-bottom: 0px;}
.clear {height: 0px; clear: both;}
.picborder {border: 1px solid #888;}
.block {display: block;}
.price {color: #333; font-weight: bold; font-size: 16px;}
.highlight {background-color: #ffff66;}
.alert {color: #ff4000;}
.dropcap {width: 2em; height: 2em; float: left; text-align: center; color:#0099ff; font: 16px "Century Gothic", "Avant Garde", Futura, Helvetica; padding: 0px; margin-top: -3px;}
.hid {display: none;}
.vis {display: block;}
.myBox {margin: 20px 10px; border: 0px solid #eeeeee; float: right; color: #666; width: 175px; height: 300px; padding: 20px; text-align: left; background-color: #eeeeee; /* border: 3px solid #eeeeee; */}

#sslogin {margin: 5px 10px; padding: 0px;}
#sslogin A:link {color: #fff; font-weight: bold; TEXT-DECORATION: none;}
#sslogin A:visited {color: #fff; font-weight: bold;}
#sslogin A:hover {color: #fff; TEXT-DECORATION: none;}
#sslogin p {text-align: right; font: bold 12px arial; color: #fff; margin: 0px; padding: 0px;}
#sslogin img {vertical-align: top;}

#header {background: transparent url(images/bkgrd_header.gif) no-repeat; width: 956px; height: 118px; margin: 4px 0px 4px 0px;}
#header A:link {color: #FFF; text-decoration: none;}
#header A:visited {color: #FFF;}
#header A:hover {color: #FFF; text-decoration: none;}
#header img {display: inline; border: 0px;}
#header ul {font: bold 12px/18px arial; color: #FFF; list-style-position: outside; padding: 12px 0px 0px 0px; margin: 0px 138px 0px 0px; text-align: right;}
#header li {list-style-type: none; display: inline; vertical-align: middle;}
#header li.home {background: transparent url(images/icon_home.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 5px 0px 7px 26px;}
#header li.account {background: transparent url(images/icon_account.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 5px 0px 7px 26px;}
#header li.cart {background: transparent url(images/icon_cart.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 5px 0px 7px 26px;}
#header li.customerservice {background: transparent url(images/icon_customerservice.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 5px 0px 7px 26px;}
#header li.search {background: transparent url(images/icon_search.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; padding: 5px 0px 7px 26px;}

#topnav {font: bold 12px/14px arial; height: 35px; border-right: 1px solid #d5d5d5; overflow: hidden; width: 955px; position: relative; background: transparent url(images/bkgrd_topnav.gif) repeat-x 0 0; padding: 0px 0 0 0;}

#search {position: absolute; left: 815px; top: 35px;}
#search fieldset {border: 0px; margin: 0px; padding: 0px;}
#search img {position: absolute; left: -18px; top: -1px; padding: 0px; margin: 0px;}
#search input {font: bold 12px arial; padding: 0px; margin: 0px; vertical-align: top;}
#search .textfield {color:#333; margin:0px; height:20px; border:solid 0 #fff; padding: 3px 8px; background: transparent url(images/bkgrd_textfield.gif) no-repeat fixed; width:130px; voice-family: "\"}\""; voice-family:inherit; width:117px;}
#search fieldset>input.textfield {background: transparent url(images/bkgrd_textfield.gif) no-repeat;}

#nav {clear:both; font-weight:bold;	color:#003366; margin:0px; float:left; list-style-type:none; padding:0px; width: 100%;}
html>body #nav {margin-left:4px;}

#nav li {list-style-type:none; float:left; margin:0 2px 0 0px; padding:0px 0 0 9px; border-bottom:1px solid #eee; background: transparent url(images/bkgrd_nav-on-left.gif) no-repeat top left;}
#nav li:hover, #nav li.cur {list-style-type:none; float:left; margin:0 2px 0 0px; padding:0px 0 0 9px; border-bottom:1px solid #eee; background: transparent url(images/bkgrd_nav-off-left.gif) no-repeat top left;}
#nav li a {color:#666; background: transparent url(images/bkgrd_nav-on.gif) repeat-x center center; display:block; padding:2px 10px 9px 1px; margin: 0px;}
#nav li:hover a, #nav li.cur a {color:#666; background: transparent url(images/bkgrd_nav-off.gif) repeat-x center center; display:block; padding:2px 10px 10px 1px; margin: 0px;}

#nav li span {font-size: 0.9em; font-weight: normal; color: #0099ff; text-transform: uppercase; text-align: left; padding: 0px 0 0 0; width: auto; height: auto; overflow: hidden; margin: 0px;}
#nav li strong {display: block; font-size: 1.6em; color: #fff; text-align: left; padding: 1px 0 0 0; margin: 0px; width: auto;}

ul#nav li:hover a span, ul#nav li.cur a span {display:block; color:#fff; padding:0px 0px 0px 0px; margin: 0px; text-decoration:none;}
ul#nav li:hover a strong, ul#nav li.cur a strong {display:block; color:#000; padding:0px 0px 0px 0px; margin: 0px; text-decoration:none;}

#outer_wrapper {background: #fff url(images/bkgrd_leftnav.gif) repeat-y left;}
#wrapper {background: url(images/bkgrd_rightcol.gif) repeat-y right;}

#container {width: 956px; float: left; margin-right: -148px; background: url(images/bkgrd_rightcol.gif) repeat-y right;}
#content {margin-right: 148px; background: url(images/bkgrd_leftnav.gif) repeat-y left;}
#main {border-top: 10px solid #fff; margin-left: 200px; padding: 10px 30px 30px 30px;}
#main A:link {color: #0099ff ; text-decoration: none;}
#main A:visited {color: #0099ff;}
#main A:hover {color: #0099ff; text-decoration: underline;}
#main img.right {padding: 0px 0px 0px 10px;}
#main img.left {padding: 0px 10px 0px 0px;}
#main h1 {font: 24px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding-bottom: 15px;}
#main h1 span {display:none;}
#main h1 img {vertical-align: baseline; opacity: .6; filter: alpha(opacity=60);}
#main h2 {font: bold 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding-bottom: 15px;}
#main h3 {font: bold 13px/17px arial; color: #0099ff;}
#main p {padding: 0px 0px 15px 0px; margin: 0px;}
#main #video {margin: 5px 0px 20px 0px;}
#main ul {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 10px; list-style: none;}
#main li {list-style-type: none; display: block; padding: 0px 5px 0px 20px; margin: 0px; background: transparent url(images/li_main.gif) no-repeat 3px 4px;}
#main img {margin: 0px; padding: 0px; vertical-align: middle;}
#main div.hr {padding: 0px; margin: 10px auto 15px auto; height: 4px; background: transparent url(images/hr_main.gif) no-repeat;}
#main div.hr hr {display: none;}

#featured {width: 550px; height: auto; margin: 40px 0px 30px 0px; padding: 12px 0px 0px 0px; border-top: 5px solid #ccc; border-bottom: 5px solid #ccc;}
#featured A:hover {text-decoration: underline; color: #005596;}
#featured A:link {text-decoration: none; color: #1d407b;}
#featured A:visited {color: #005596;}
#featured img {margin: 5px 10px 5px 0px; padding: 0px;}
#featured p {font: 11px/16px arial; position: relative; color: #346A80; padding: 5px 0px 0px 0px; margin: 0px;}
#featured h2 {font: bold 18px "Century Gothic", "Avant Garde", Futura, Helvetica; letter-spacing: -1px; color: #fd8300; padding-bottom: 0px;}

#grid1 {width: 280px; height: auto; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#grid1 ul {margin: 10px 0px; padding: 0px;}
#grid1 li {font: 10px arial; margin: 0px; padding: 0px; list-style-type: none; background-color: #eee;}

#grid2 {width: 250px; height: auto; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#grid2 ul {margin: 10px 0px; padding: 0px;}
#grid2 li {margin: 0px; padding: 0px; list-style-type: none; background-color: #eee;}

#grid3 {width: 100px; height: 145px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#videoBar {width : 100px; margin: 0px; padding: 4px;}

.labelfield{color:brown; font-size: 90%;}
.datefield {color:gray; font-size: 90%;}
#example1 li, #example2 li {font: 12px arial; margin: 0px 0px 4px 0px;}
#example2 div {margin-bottom: 5px;}
#example2 div a {text-decoration: none;}
#example3 a {color: #D80101; text-decoration: none; font-weight: bold;}
#example3 p {margin-bottom: 2px;}

blockquote {background: transparent url(images/quote_left.gif) 0px 10px no-repeat;}
blockquote p {color: #333;}
blockquote div {border-bottom: 0.4em solid #09f; border-top: 0.4em solid #09f; padding: 5px 20px 0px 35px; background: transparent url(images/quote_right.gif) right bottom no-repeat;}
blockquote.columnar {width: 225px; background: transparent url(images/quote_left.gif) 0px 10px no-repeat; margin: 10px 10px 20px 10px;}

form.standard label {width:200px; margin-right:10px;}
form.standard label.long, form.standard p.label {margin-left:120px; width:390px;}
form.standard label span {color:#900;}
form.standard input, form.standard textarea, form.standard select {background: #fff url(images/bkgrd_input.png) bottom left repeat-x; margin-left:210px; width:200px;}
form.standard input.button {cursor: pointer; background: transparent url(images/bkgrd_button.gif) repeat-x; border: 1px solid #d87409; color: #fff; height: 24px; font: 14px "Century Gothic", "Avant Garde", Futura, Helvetica; width: auto; padding-bottom: 4px;}
form.standard textarea {width: 300px;}
form.standard p.desc {margin-left: 210px;}
form.standard .checks label {margin-left:220px;}
form.standard .checks input {margin-left:210px;}
* html form.standard .checks input {margin-left:105px;}
* html form.standard .checks label {margin-left:210px;height:1em;}

form.standard {margin:0 0 3em 0;}
form.standard label {float:left; text-align:right; padding-top:0.2em; font-weight:bold; font-size:1em;}
form.standard label span.required {font-size: 22px; color: #0099ff; vertical-align: bottom;}
form.standard label:after {content:":"; }
form.standard label.long {float:none; display:block; text-align:left;}
form.standard label.long:after {content:"";}
form.standard input, form.standard textarea, form.standard select {display:block; margin-bottom:-1em;}
form.standard select[multiple="multiple"] {margin-left:0px;}
form.standard br {} 
form.standard input[type="radio"], form.standard input[type="checkbox"], form.standard input[type="hidden"] {width:auto; height: auto; border:0; background: none;}
form.standard input[type="hidden"] {display:none;}
form.standard p.desc {display:block; margin-top:-0.4em; margin-bottom:1em; font-style:italic; font-size:0.9em;}
form.standard .checks label {float:none; width:auto; clear:none; display:block; text-align:left; height:2em;padding-top:0;margin-bottom:-1em;}
form.standard .checks label:after {content:"";} 
form.standard .checks input {float:left; text-align:right; margin-bottom:0.5em; width:auto;}

* html form.standard fieldset p.desc, * html form.standard .checks p.desc {margin-top: 0px;}
* html form.standard p.desc {margin-top: -1em;}
* html form.standard input, * html form.standard textarea, * html form.standard select,* html form.standard .checks input, * html form.standard .checks label {margin-top:0;margin-bottom:0;}
* html form.standard fieldset br {line-height:0.5em;font-size:0.5em;}

fieldset#blue { margin: 0px 0px 5px 0px; padding: 0px 5px 10px 5px; background: #80d8e8; background-image: url(/images/fieldset-blue.jpg); background-repeat: repeat-x; background-position: top left; border: 1px solid #0099ff; }
fieldset#blue legend { margin: 0px 0px 5px 0px; padding: 0px; font: 14px/16px Arial; font-weight: bold; background: transparent; }
fieldset#blue label { float: left; padding: 0px 5px 0px 0px; width: 75px; text-align: right; font-weight:bold; }
fieldset#blue .block { margin-bottom: 1px; }
fieldset#blue input.text { color: black; background: white; border: 1px solid #367F95;}
fieldset#blue A:link {color: #333333; TEXT-DECORATION: none;}
fieldset#blue A:visited {color: #0099ff;}
fieldset#blue A:hover {color: #0099ff; TEXT-DECORATION: underline;}

fieldset#orange { margin: 0px 0px 5px 0px; padding: 0px 5px 10px 5px; background: #FFC200; background-image: url(/images/fieldset-orange.jpg); background-repeat: repeat-x; background-position: top left; border: 1px solid #0099ff; }
fieldset#orange legend { margin: 0px 0px 5px 0px; padding: 0px; font: 14px/16px Arial; font-weight: bold; background: transparent; }
fieldset#orange label { float: left; padding: 0px 5px 0px 0px; width: 75px; text-align: right; font-weight:bold; }
fieldset#orange .block { margin-bottom: 1px; }
fieldset#orange input.text { color: black; background: white; border: 1px solid #0099ff;}
fieldset#orange A:link {color: #333333; font-weight: bold; TEXT-DECORATION: none;}
fieldset#orange A:visited {color: #367F95;}
fieldset#orange A:hover {color: #367F95; TEXT-DECORATION: underline;}
fieldset#orange h1 { color: #367F95; }
fieldset#orange h2 { color: #367F95; font-weight: bold; }
fieldset#orange h3 { color: #367F95; }

.showroom {float: right; clear: right; margin: 0 0 10px 25px; background: transparent url(images/bkgrd_polaroid.png) repeat-x bottom; padding: 10px; border-top: 1px solid #999; border-right: 2px solid #555; border-bottom: 2px solid #555; border-left: 1px solid #999;}
div.showroom img {border-top: 2px solid #555; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 2px solid #555;}
.caption {text-align: left; font: arial 7px/10px; margin: 0px; padding: 0px; width: 250px;}

#showroom {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 543px;}
#showroom img {border: 4px solid #CCC;}
#showroom A:hover img {border: 4px solid #00B0D0;} 
.HTfloatleft {float: left; margin: 5px 4px 5px 4px; background-color: #fff; padding: 0px; width: 80px; height: 115px; border: 0px; text-align: center;}
div.HTfloatleft img {border: 0px;}

#pullquote {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; width: 65%; float: left; text-align: justify; margin: 10px -60px 10px 10px;
	_margin-right: -35px; /* IE box model hack  */
	background: white url(images/quote_right.gif) no-repeat bottom right;
	padding: 2px 15px 2px 2px;}
#pullquote:first-letter {background: url(images/quote_left.gif) no-repeat left top; padding: 10px 2px 10px 25px;}

#downloads ul {font: bold 11px/16px arial; color: #333; list-style-position: outside; padding: 12px 0px 0px 0px; margin: 0px 15px 0px 0px;}
#downloads li {list-style-type: none; display: block; vertical-align: top; color: #333;}
#downloads li.rebate {background: transparent url(images/icon_rebate.gif) no-repeat 0px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px;}
#downloads li.promo {background: transparent url(images/icon_specialoffer.gif) no-repeat 0px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px;}
#downloads li.ht {background: transparent url(images/icon_home-theater.gif) no-repeat 0px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px;}
#downloads li.download {background: transparent url(images/icon_download.gif) no-repeat 0px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px;}
#downloads li.calculator {background: transparent url(images/icon_calculator.gif) no-repeat 0px 3px; margin: 0px 0px 0px 0px; padding: 0px 0px 7px 30px;}
#downloads A:link {color: #0099ff; TEXT-DECORATION: none;}
#downloads A:hover {color: #0099ff; TEXT-DECORATION: underline;}
#downloads A:visited {color: #0099ff;}

#tabMenu {height:40px; margin: 0px; padding: 0px;} 
#tabMenu a:link {text-decoration: none; font-weight: bold; color: #fff;}
#tabMenu a:hover {text-decoration: none; font-weight: bold; color: #fff;}
#tabMenu a:visited {font-weight: bold; color: #fff;} 
#tabContent {height: auto; margin: 0; padding: 0px 0px 10px 0px;} 
#tabContent .content {display: none;} 
#tabContent .active {padding: 0px 0px; display:block;}
* html #tabContent .content {border-top: 3px solid #0099ff; height: auto; padding: 0px; margin-top: -6px; background: #fff url(images/bkgrd_tab.gif) repeat-x 0px 0px;}
#tabContent .content {border-top: 3px solid #0099ff; height: auto; padding: 10px; margin-top: -3px; background: #fff url(images/bkgrd_tab.gif) repeat-x 0px 0px;}
#tabContent .content ul {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 10px; list-style: none;}
#tabContent .content li {list-style-type: none; display: block; padding: 0px 5px 0px 20px; margin: 0px; background: transparent url(images/li_main.gif) no-repeat 3px 4px;}

.tabmenu ul {margin:0 auto; padding:0; height:40px; width:100%; display:block; background: transparent url(images/basic_tab.png) repeat-x;} 
.tabmenu li {padding:0; margin: 0; list-style: none; display: inline;} 
.tabmenu li a {float: left; margin: 0 2px 0 0; padding-left: 3px; display: block; color: #fff; text-decoration: none; cursor: pointer; background: transparent url(images/basic_tab.png) 0px -40px no-repeat;} 
.tabmenu li a span {line-height: 40px; float: left; display: block; padding-right: 4px; background: transparent url(images/basic_tab.png) 100% -40px no-repeat;} 
.tabmenu li a:hover {background-position: 0px -120px; color: #fff;} 
.tabmenu li a:hover span {background-position: 100% -120px;} 
.tabmenu li a.active {line-height:40px; background: transparent url(images/basic_tab.png) 0px -80px no-repeat;}
.tabmenu li a.active span {background: transparent url(images/basic_tab.png) 100% -80px no-repeat; color: #fd8300;}
.tabmenu li a.active:hover {line-height:40px; background: transparent url(images/basic_tab.png) 0px -80px no-repeat;} 
.tabmenu li a.active:hover span {background: transparent url(images/basic_tab.png) 100% -80px no-repeat; color: #fd8300; cursor: default;}

.tabmenu li.title {float: left; font: bold 16px/34px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #fd8300; padding-right: 8px;}
/*\*/
html*.tabmenu li.title {
[letter-spacing: 0px;
letter-spacing: -1px;
]letter-spacing: 0px;
}/*end*/
.dummyend[id]{clear:both;}

#tabspecs {background: url(images/bkgrd_tabspecs.gif) repeat-x 0px 0px; height: 27px; padding: 0px; margin: 15px 0px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; list-style-type: none; width: 539px;}
#tabspecs ul {font: bold 13px arial; color: #888; list-style-position: outside; padding: 0px; margin: 0px 0px;}
#tabspecs li {color: #888; float: left; width: auto; display: block; border-right: 1px solid #d5d5d5; padding: 0px; margin: 0px; background: none;}
#tabspecs li a, #tabspecs li a:link {color: #888; text-decoration: none; padding: 5px 11px 6px 10px; display: block;}
#tabspecs li a:visited {color: #888; text-decoration: none; cursor: pointer;}
#tabspecs li a:hover {color: #0099ff; text-decoration: none; cursor: pointer; border-bottom: 3px solid #0099ff;}
#tabspecs li a:active {color: #0099ff; text-decoration: none; cursor: pointer;}
#tabspecs li a#current, #tabspecs li a#current:link {color: #0099ff; cursor: default; font-weight: bold; border-bottom: 3px solid #0099ff;}
#tabspecs li a#inactive, #tabspecs li a#inactive:link {color: #ccc; cursor: default; font-weight: bold; border-bottom: 0px; cursor: default;}
#tabspecs li a#current:hover {border-bottom: 3px solid #0099ff;}
#tabspecs a.NavOn {color: #0099ff; border-bottom: 3px solid #0099ff;} 
#tabspecs a.NavOn:active {color: #0099ff;} 
#tabspecs a.NavOn:visited {color: #0099ff;} 

div.row {width: 540px; padding: 0px; margin: 4px auto 4px auto;} 
div.row.odd {background-color: #e7e7e7;}
div.row img {vertical-align: top; padding: 0px 4px; margin-top: 0px;}

/* USED FOR GENERIC COLUMNS */
.col1 {float: left; width: 125px; text-align: left;} 
.col3 {float: right; width: 150px; text-align: left;} 
.col5 {float: left; width: 250px; text-align: left;} 
.col2 {float: left; width: 45%; text-align: left;} 
.col4 {float: right; width: 45%; text-align: right;} 
.col6 {float: left;}

.product-list {padding: 5px 0px; margin: 0px; height: 75px; border-bottom: 3px dotted #e7e7e7;}
.product-list img {padding: 0px; margin: 0px; vertical-align: top; filter: Chroma(color=#ffffff);}
.product-list p {padding: 0px; margin: 0px;}

.product-float {float: left; width: 250px; height: 250px; vertical-align: middle; padding: 0px 10px 10px 0px; margin: 0px 0px 15px 6px; border-bottom: 3px dotted #e7e7e7;}
.product-float h1 {line-height: 12px;}
.product-float span {font: bold 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding-bottom: 15px;}
.product-float p {padding: 0px; margin: 0px;}

#specs {font: normal 13px/17px arial; border-collapse: separate; border-spacing: 0; margin: 0 0 1em 0;}
#specs table a {color: #09f; text-decoration: none; border-bottom: 1px solid;}
#specs table a:visited {color: #c3c; font-weight: normal;}
#specs table a:hover {border-bottom-style: dotted;}
#specs thead th, #specs thead td {font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}
#specs tfoot th, #specs tfoot td {text-align: left; border-top: 0.4em solid #09f; font-weight: bold}
#specs th, #specs td {padding: 0.25em;}
#specs tbody th, #specs tbody td {text-align: left; vertical-align: top;}
#specs tbody th {font-weight: normal; white-space: nowrap;}
#specs tbody th a:link, #specs tbody th a:visited {font-weight: bold;}
#specs tbody td, #specs tbody th {border: 1px solid #fff; border-width: 1px 0;}
#specs tbody tr.odd th, #specs tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}
#specs tbody tr:hover td, #specs tbody tr:hover th {background: #fbfbf8;}
#specs tbody tr.category th {font-weight: bold; /* background:url(images/bkgrd_th-on.gif) no-repeat left top; */ height: 26px; padding: 8px 0px 0px 5px; color: #333; border-bottom: 0.3em solid #09f;}
#specs tbody tr.category:hover th {background: #FFF;}
#specs caption {font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;}

table.sub {font: normal 12px/16px arial; border-collapse: separate; border-spacing: 0; margin: 0 0 2em 0; color:#333; width: 98%;}
table.sub table a {color: #09f; text-decoration: none; border-bottom: 1px solid;}
table.sub table a:visited {color: #c3c; font-weight: normal;}
table.sub table a:hover {border-bottom-style: dotted;}
table.sub thead th, table.sub thead td {font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}
table.sub tfoot th, table.sub tfoot td {text-align: left; border-top: 0.4em solid #09f; font-weight: bold;}
table.sub th, table.sub td {padding: 0.25em;}
table.sub tbody th, table.sub tbody td {text-align: left; vertical-align: top;}
table.sub tbody th {font-weight: bold; white-space: nowrap;}
table.sub tbody th a:link, table.sub tbody th a:visited {font-weight: bold;}
table.sub tbody td, table.sub tbody th {border: 1px solid #fff; border-width: 1px 0;}
table.sub tbody tr.odd th, table.sub tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}
table.sub tbody tr:hover td, table.sub tbody tr:hover th {background: #fbfbf8;}
table.sub caption {font-weight: bold; font-size: 1.1em; text-align: center; margin: 0; padding: 0.5em 0.25em; border-bottom: 0.4em solid #09f;}

#cart {font: normal 12px/16px arial; border-collapse: separate; border-spacing: 0; margin: 0 0 2em 0; color:#333; width: 98%;}
#cart table a {color: #09f; text-decoration: none; border-bottom: 1px solid;}
#cart table a:visited {color: #c3c; font-weight: normal;}
#cart table a:hover {border-bottom-style: dotted;}
#cart thead th, #cart thead td {font-weight: bold; line-height:normal; text-align: left; border-bottom: 0.4em solid #09f;}
#cart tfoot th, #cart tfoot td {text-align: left; border-top: 0.4em solid #09f; font-weight: bold;}
#cart th, #cart td {padding: 0.25em;}
#cart tbody th, #cart tbody td {text-align: left; vertical-align: top;}
#cart tbody th {font-weight: bold; white-space: nowrap;}
#cart tbody th a:link, #cart tbody th a:visited {font-weight: bold;}
#cart tbody td, #cart tbody th {border: 1px solid #fff; border-width: 1px 0;}
#cart tbody tr.odd th, #cart tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}
#cart tbody tr:hover td, #cart tbody tr:hover th {}
#cart caption {font-weight: bold; font-size: 1.1em; text-align: center; margin: 0; padding: 0.5em 0.25em; border-bottom: 0.4em solid #09f;}

#simple {font: normal 12px/16px arial; border-collapse: separate; border-spacing: 0; margin: 15px auto; color:#333; width: 500px;}
#simple table a {color: #09f; text-decoration: none; border-bottom: 1px solid;}
#simple table a:visited {color: #c3c; font-weight: normal;}
#simple table a:hover {border-bottom-style: dotted;}
#simple tbody th, #simple tbody td {text-align: left; vertical-align: top;}
#simple tbody th {padding-right: 5px; text-align: right; font-weight: bold; white-space: nowrap;}
#simple tbody th a:link, #simple tbody th a:visited {font-weight: bold;}
#simple tbody td, #simple tbody th {border: 1px solid #fff; border-width: 1px 0;}
#simple tbody tr.odd th, #simple tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}

/* Product Sub Details page styles */
div.ProductDef {}
div#ProductDefDefault {}
div#ProductDefDefaultCopy {}
div.ProductDefDefaultBack {}
div.ProductDefBack {}
#ProductDef0, #ProductDef1, #ProductDef2, #ProductDef3, #ProductDef4, #ProductDef5 {position: relative; display: none; width: 545px;}

#leftnav {background: transparent url(images/bkgrd_leftnav-top.gif) no-repeat top; border-top: 10px solid #fff; width: 200px; float: left; position: relative;}
#leftnav select {margin: 0px 0px 10px 14px;}
#lnav_inner {font: 11px/14px arial; margin: 0px; padding: 10px 3px 5px 16px;}
#lnav_inner img {padding: 5px 0px 10px 8px;}
div.ltop {background: transparent url(images/bkgrd_leftnav-ltop.gif) no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 170px; height: 28px;}
div.lbottom {background: transparent url(images/bkgrd_leftnav-lbottom.gif) no-repeat; margin: 0px 0px 10px 0px; width: 170px; height: 16px;}
div.lmiddle {background: transparent url(images/bkgrd_leftnav-lmiddle.gif) repeat-y 0px 0px; width: 170px; margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px;}
#lnav_inner p {margin: 0px; padding: 5px;}
#lnav_inner h1 {font: 16px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; font-weight: bold; padding: 6px 0px 10px 0px;}
#lnav_inner h2 {font: 12px/12px arial; font-weight: bold; color: #ffb500; padding: 5px 0px 0px 10px; margin: 0px;}
#lnav_inner ul {margin: -3px 0px 0px 0px; padding: 0px 0px 0px 10px; list-style: none;}
#lnav_inner li {list-style-type: none; display: block; padding: 0px 5px 2px 15px; margin: 0px; background: transparent url(images/li_leftnav.gif) no-repeat 3px 3px;}
#lnav_inner li.new {list-style-type: none; display: block; font-weight: bold; padding: 0px 5px 2px 25px; margin: 0px; background: transparent url(images/li_new.gif) no-repeat 0px 3px;}
/* for leftnav sublevels */
#lnav_inner ul ul {margin: 3px 0px 0px 0px; padding: 0px 0px 0px 10px; list-style: none;}
#lnav_inner ul ul li {list-style-type: none; display: block; padding: 0px 5px 1px 15px; margin: 0px; background: transparent url(images/li_leftnav.gif) no-repeat 3px 3px;}

#lnav_inner li img {padding: 0px; margin: 0px; vertical-align: top;}
#lnav_inner li span {display: none;}
#lnav_inner li.ht {list-style-type: none; display: block; height: 24px; padding: 3px 5px 3px 30px; margin: 0px; background: transparent url(images/icon_home-theater.gif) no-repeat 0px 0px;}
#lnav_inner li.rebate {list-style-type: none; display: block; height: 24px; padding: 3px 5px 3px 30px; margin: 0px; background: transparent url(images/icon_rebate.gif) no-repeat 0px 0px;}
#lnav_inner li.specialoffer {list-style-type: none; display: block; height: 24px; padding: 3px 5px 10px 30px; margin: 0px; background: transparent url(images/icon_specialoffer.gif) no-repeat 0px 0px;}
#lnav_inner ul A:link {color: #444444; TEXT-DECORATION: none;}
#lnav_inner ul A:hover {color: #444444; background-color: #d5d5d5; TEXT-DECORATION: none;}
#lnav_inner ul A:visited {color: #444444;}

#manulogos {width: 550px; padding: 20px 0px 0px 0px; text-align: center;}
#manulogos img {padding: 0px 6px; border: 0px;}
#manulogos a:hover img {opacity: .7; filter: alpha(opacity=70);}

#rightcol {width: 148px; float: right;}
#rightcol img {margin: 0px; padding: 0px;}
#rightcol .ads {padding: 8px 5px 8px 5px; margin: 6px 0px 6px 0px;}
#rightcol div.hr {padding: 0px; margin: 0px auto 0px auto; height: 6px; width: 138px; background: transparent url(images/hr_rightcol.gif) no-repeat;}
#rightcol div.hr hr {display: none;}

#quicklinks {font: 10px tahoma; color: #888; background: transparent url(images/bkgrd_quicklinks.gif) repeat-x top; width: 956px; height: 145px; padding: 0px 0px; margin: 0px 0px;}
#quicklinks A:link {color: #333; TEXT-DECORATION: none;}
#quicklinks A:hover {color: #888; TEXT-DECORATION: underline;}
#quicklinks A:visited {color: #888;}
#quicklinks h3 {font-weight: bold; font-size: 10px; color: #0099ff; display: inline;}
ul.quickItems {font-size: 10px; list-style: none; margin: 0px; padding: 0px; padding-top: 15px; width: 150px; float: left; position: relative; top: 0px; left: 4%;}
* html ul.quickItems {margin: 0; position: relative; top: 0px; left: 2%;}
ul.quickItems li {margin-left: 0; clear: both; float: left; padding-left: 2px; line-height: 1.4em; width: 100%; text-align: left;}
ul.quickItems a {color: #333; font-weight: normal; text-decoration: none;}
ul.quickItems li.quickTitle {padding-left: 0;}	  
#quicklinks p {padding: 0px; margin: 0px;}

#shapefloat {font: 10px tahoma; color: #888; text-align: center; float: right; width: 230px; margin: 1.5em 30px 2em 5%; padding-bottom: .5em; background: #fff url(images/shapefloat_lt.gif) bottom left no-repeat;}
#shapefloat A:link {color: #0099ff; TEXT-DECORATION: none; font-weight: bold;}
#shapefloat A:hover {color: #0099ff; TEXT-DECORATION: underline; font-weight: bold;}
#shapefloat A:visited {color: #0099ff; font-weight: bold;} 
#shapefloat img {float: right; padding: 0.8em 1em 0 0;}
#shapefloat h2 {font: 10px tahoma; color: #f90; padding: 0.5em 0.5em 0 0; margin: 0 0 0 0.5em; background: url(images/shapefloat_rt.gif) top right no-repeat;}
#shapefloat p { margin: 0 1em 1em 1em }
	
#footer {font: 11px arial; color: #fff; background: transparent url(images/bkgrd_footer.gif) no-repeat; width: 956px; height: 37px; padding: 0px; margin: 3px 0px;}
#footer p {text-align: left; margin: 0px; padding: 10px 30px;}

#bkgrd-header {background:url(images/bkgrd_th-on.gif) no-repeat left top; height: 26px; padding: 4px 0px 0px 10px ;}
#bkgrd-header a {background:url(images/th-on.gif) no-repeat right top; color:#0099ff;}

#popup {background: #fff url(images/HTPsidebar.gif) repeat-y; margin: 0px; padding: 0px 25px 0px 50px; width: 525px; min-height: 600px;}
#popup A:link {color: #0099ff; TEXT-DECORATION: none;}
#popup A:visited {color: #0099ff;}
#popup A:hover {color: #0099ff; TEXT-DECORATION: underline;}
#popup img.right {margin: 0px 0px 0px 10px;}
#popup img.left {margin: 0px 10px 0px 0px;}
#popup h1 {font: 24px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding-bottom: 15px;}
#popup h2 {font: 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding-bottom: 15px;}
#popup h3 {font: bold 13px/17px arial; color: #0099ff;}
#popup p {padding: 0px 0px 15px 0px; margin: 0px;}
#popup ul {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 10px; list-style: none;}
#popup li {list-style-type: none; display: block; padding: 0px 5px 0px 20px; margin: 0px; background: transparent url(images/li_main.gif) no-repeat 3px 4px;}
#popup div.hr {padding: 0px; margin: 0px auto 10px auto; height: 4px; background: transparent url(images/hr_main.gif) no-repeat;}
#popup div.hr hr {display: none;}

/* STYLES FOR HT SCENARIO */
#hts_placer { position: relative; display: block; width: 1px; }
#hts_screen_placer, #hts_projector_placer, #hts_mount_placer, #hts_component_placer,
#hts_game_placer, #hts_dvd_placer, #hts_audio_placer, #hts_description, #hts_blank, #hts_blank_2
	{ position: absolute; display: block; cursor: default; border: 0px solid red; }
#hts_screen_placer { top: 40px; left: 255px; }
#hts_projector_placer { top: 43px; left: 33px; }
#hts_mount_placer { top: 34px; left: 47px; }
#hts_component_placer { top: 152px; left: 290px; }
#hts_game_placer { top: 168px; left: 309px; width: 44px; height: 13px; }
#hts_dvd_placer { top: 193px; left: 309px; width: 44px; height: 12px; }
#hts_audio_placer { top: 209px; left: 309px; width: 44px; height: 19px; }
#hts_blank { top: 33px; left: 0px; height: 230px; width: 380px; }
#hts_blank_2 { top: 165px; left: 300px; width: 52px; height: 85px; }
#hts_description { top: 0px; left: 402px; height: 257px; width: 136px; padding: 10px 2px 0px 2px; color: white; font: 9pt/10pt arial; }
.hts_spacer { width: 100%; height: 100%; border: 0px solid white; }
	
/* STYLES FOR CROSSFADER */
div.cf_wrapper {position: relative; text-align: left;}
div.cf_element {width: 250px; height: 155px; background-color: #e7e7e7; border: 1px solid #ccc;}
div.cf_element div.content {padding: 10px 85px 10px 10px; text-align: left;}
div.cf_element div.content h3 {padding-top: 0; margin-top: 0;}
	
#extraDivLogo {position:absolute; top: 38px; left: 14px; width: 320px; height: 100px; background-image: url(images/spacer.gif); margin: 0px;}
#extraDivProjectorExpPaul {position:absolute; top: 860px; left: 675px; width: 123px; height: 243px; background-image: url(images/projector_expert-paul.gif); margin: 0px;}
#extraDivProjectorExpJeremy {position:absolute; top: 580px; left: 675px; width: 126px; height: 238px; background-image: url(images/projector_expert-jeremy.gif); margin: 0px;}