body {background:url(img/background_4.gif) repeat-y 80% 0; width: 956px; font: normal 13px/17px arial; color: #333333; margin: 0px; padding: 0px;}
html {background: #dadada url(img/background.gif) repeat-y 20% 0;}
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;}
.nowrap {white-space: nowrap;}
.opacity {opacity: 1;}
.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:#333; font: 16px "Century Gothic", "Avant Garde", Futura, Helvetica; padding: 0px; margin-top: -3px;}

#sslogin {display: none;}
#footer {display: none;}
#header {display: none;}
#verticalNav {display: none;}
#search {display: none;}
#menu {display: none;}
div.menuBar, div.menuBar a.menuButton, div.menu {display: none;}



#wrap {width: 900px; float: left; margin: 0px; background: #fff;}
#mainContent {border-top: 0px solid #fff; margin: 0px; padding: 0px;}
#mainContent A:link {color: #333; TEXT-DECORATION: none;}
#mainContent A:visited {color: #333;}
#mainContent A:hover {color: #333; TEXT-DECORATION: underline;}
#mainContent img.right {margin: 0px 0px 0px 10px;}
#mainContent img.left {margin: 0px 10px 0px 0px;}
#mainContent h1 {font: 24px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #333; padding-bottom: 15px;}
#mainContent h1 span {display: inline;}
#mainContent h1 img {display: none;}
#mainContent h2 {font: 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #333; padding-bottom: 15px;}
#mainContent h3 {font: bold 13px/17px arial; color: #333;}
#mainContent p {padding: 0px 0px 15px 0px; margin: 0px;}
#mainContent ul {margin: 0px 0px 0px 0px; padding: 0px 0px 15px 10px; list-style: none;}
#mainContent li {list-style-type: none; display: block; padding: 0px 5px 0px 20px; margin: 0px; background: transparent url(images/bullet-proj-details.png) no-repeat 3px 4px;}
#mainContent img {margin: 0px; padding: 0px; vertical-align: middle;}
#mainContent div.hr {padding: 0px; margin: 10px auto 15px auto; height: 4px; background: transparent url(images/hr_main.gif) no-repeat;}
#mainContent div.hr hr {display: none;}

blockquote {background: transparent url(images/quote_left.gif) 0px 10px no-repeat;}
blockquote p {color: #666;}
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: #333; 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 #00BDFF; }
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: #333;}
fieldset#blue A:hover {color: #333; 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 #333; }
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 #333;}
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; }

#breadcrumbs {margin: 0px; padding: 0px 0px 10px 0px;}
#breadcrumbs A:link {color: #333; font-weight: bold; TEXT-DECORATION: underline;}
#breadcrumbs A:visited {color: #333; font-weight: bold; TEXT-DECORATION: underline;}
#breadcrumbs A:hover {color: #333; TEXT-DECORATION: none;}
#breadcrumbs p {font-size: 11px; color: #666; margin: 0px; padding: 0px;}

.showroom {float: 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: 7px/10px arial; margin: 0px; padding: 0px; width: 250px;}

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

#pullquote {border-bottom: 1px solid #eee; border-top: 1px solid #eee; 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: #666; 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: #666;}
#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: #333; TEXT-DECORATION: none;}
#downloads A:hover {color: #333; TEXT-DECORATION: underline;}
#downloads A:visited {color: #333;}

#tabspecs {background: url(images/bkgrd_tabspecs.gif) repeat-x 0px 0px; height: 27px; padding: 0px; margin: 10px 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: #333; text-decoration: none; cursor: pointer; border-bottom: 3px solid #333;}
#tabspecs li a:active {color: #333; text-decoration: none; cursor: pointer;}
#tabspecs li a#current, #tabspecs li a#current:link {color: #333; cursor: default; font-weight: bold; border-bottom: 3px solid #333;}
#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 #333;}
#tabspecs a.NavOn {color: #333; border-bottom: 3px solid #333;} 
#tabspecs a.NavOn:active {color: #333;} 
#tabspecs a.NavOn:visited {color: #333;} 

div.row {width: 540px; padding: 0px; margin: 4px auto 4px auto;} 
div.row.odd {background-color: #eee;}
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 #eee;}
#product-list img {padding: 0px; margin: 0px; vertical-align: top;}
#product-list p {padding: 0px; margin: 0px;}

#product-float {float: left; width: 175px; height: 215px; text-align: center; vertical-align: middle; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; border-bottom: 3px dotted #eee; border-right: 1px solid #ccc;}
#product-float h1 {line-height: 12px;}
#product-float h2 {padding: 0px; margin: 0px; line-height: 18px;}
#product-float p {padding: 0px; margin: 0px;}
#product-float img {margin-bottom: 4px;}

#flatpanel-float {float: left; width: 260px; height: 240px; text-align: center; vertical-align: middle; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 6px; border-bottom: 3px dotted #eee;}
#flatpanel-float h1 {line-height: 12px;}
#flatpanel-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 caption {font-weight: bold; font-size: 1.7em; text-align: left; margin: 0; padding: 0.5em 0.25em;}

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

#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 {display: none;}

#manulogos {width: 540px; padding: 20px 0px 0px 0px; text-align: center;}
#manulogos img {padding: 2px 8px; border: 0px;}
#manulogos a:hover img {opacity: 1;}

#rightcol {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: #333; 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;}	  

#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: #333; TEXT-DECORATION: none; font-weight: bold;}
#shapefloat A:hover {color: #333; TEXT-DECORATION: underline; font-weight: bold;}
#shapefloat A:visited {color: #333; font-weight: bold;} 
#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:#333;}

#popup {background: #fff url(images/PPsidebar.gif) repeat-y; margin: 0px; padding: 0px 25px 0px 50px; width: 525px; min-height: 600px;}
#popup A:link {color: #333; TEXT-DECORATION: none;}
#popup A:visited {color: #333;}
#popup A:hover {color: #333; 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: #333; padding-bottom: 15px;}
#popup h2 {font: 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #333; padding-bottom: 15px;}
#popup h3 {font: bold 13px/17px arial; color: #333;}
#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/bullet-proj-details.png) 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 CROSSFADER */
div.cf_wrapper {position: relative; text-align: left;}
div.cf_element {width: 250px; height: 155px; background-color: #eee; 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 {display: none;}
#extraDivProjectorSale {display: none;}
#extraDivDeal {display: none;}
#extraDivHub {display: none;}
#extraDivHolidayShipping {display: none;}
#extraDivMedal {display: none;}
#extraDivMedal2 {display: none;}

#extraDivProjectorExpPaul {display: none;}
#extraDivProjectorExpJeremy {display: none;}