body {background:url(images/spacer.gif) repeat-y 80% 0; width: 956px; font: normal 13px/18px arial; color: #333333; margin: 0px; padding: 0px;}
html {background: #cacaca url(images/spacer.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;}
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;}
.price {color: #333; font-weight: bold; font-size: 16px;}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center; }
.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;}

#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;}
#wrapper {background: #fff;}

#container {width: 956px; float: left; margin-right: 0px; background: #fff;}
#content {margin-right: 0px; background: #fff;}
#main {border-top: 10px solid #fff; margin: 0px; padding: 10px 20px 30px 20px;}
#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: 26px "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 img {margin: 0px; padding: 0px; vertical-align: bottom;}
#main div.hr {padding: 0px; margin: 5px auto 5px auto; height: 10px; background: transparent url(/images/hr_main.gif) no-repeat;}
#main div.hr hr {display: none;}

#product-promos {text-align: center; vertical-align: middle; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#product-promos p {padding: 0px; margin: 0px;}
#product-promos img {padding: 0px; margin: 0px; width: 210px; height: 275px; float: left;}

#featured {text-align: center; margin: 0px; padding: 0px;}
#grid1 {width: 200px; height: 180px; float: left; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 0px; border-right: 1px dotted #666;}
#grid1 img {padding: 6px 0px;}

#grid2 {width: 200px; height: 180px; float: left; margin: 0px 0px 10px 0px; padding: 6px; border-right: 1px dotted #666;}
#grid2 img {padding: 6px 0px;}

#grid3 {width: 200px; height: 180px; float: left; margin: 0px 0px 10px 0px; padding: 6px; }
#grid3 img {padding: 6px 0px;}

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;}

.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;}

#resourcezone {border: 1px solid #d5d5d5; font: 11px arial; color: #333; background: #eee url(images/bkgrd_resourcezone.gif) repeat-x top; width: 630px; height: 190px; padding: 0px 0px; margin: 0px 0px;}
#resourcezone A:link {color: #333; text-decoration: none;}
#resourcezone A:hover {color: #9498df; text-decoration: underline;}
#resourcezone A:visited {color: #333;}
#resourcezoneTitle {background: url(images/header_resourcezone-old.gif) no-repeat; width: 629px; height: 25px; padding: 0px 0px; margin: 3px 0px;}
#resourcezoneTitle h1 {font-size: 16px; color: #333; padding: 2px 18px;}
#resourcezone h3 {font-weight: bold; font-size: 11px; line-height: 24px; color: #9498df; display: inline;}
#resourcezone p {clear: left; font: 12px arial; padding: 10px 0px;}
#resourcezone img {padding: 0px 10px; margin: 0px; vertical-align: middle;}
#resourcezone img.right {float: right; padding: 10px; margin: 0px; vertical-align: middle;}
ul.rzList {font-size: 11px; list-style: none; margin: 0px; padding: 15px 0px; width: 200px; float: left; position: relative; top: 0px; left: 4%;}
* html ul.rzList {margin: 0; position: relative; top: 0px; left: 2%;}
ul.rzList li {list-style-type: none; display: block; margin-left: 0; clear: both; float: left; padding-left: 20px; line-height: 1.5em; width: 100%; text-align: left; background: transparent url(images/li_resourcezone.gif) no-repeat 1px 3px;}
#resourcezone ul.rzList li a:hover {list-style-type: none; display: block; margin-left: -20px; clear: both; float: left; padding-left: 20px; line-height: 1.5em; width: 100%; text-align: left; background: transparent url(images/li_resourcezone-on.gif) no-repeat 1px 3px; text-decoration: none;}
ul.rzList li.rzTitle {padding-left: 0; list-style-type: none; background: none;}	
#resourcezone .rzlink {background-color: #fff;}
#resourcezone .rzlink img {clear: left;}

#manulogos {width: 630px; padding: 0px 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: 262px; float: right; border-top: 10px solid #fff; margin: 0px; padding: 10px 10px 0px 0px;}
#rightcol h1 {font: bold 18px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #0099ff; padding: 8px 0px 3px 0px;}
#rightcol select {font: 13px arial; color: #333; padding: 1px 0px; margin: 0px 0px 5px 0px;}
#rightcol p {padding: 0px; margin: 0px;}

fieldset#home {border: 1px solid #cbcace; height: 65px; padding: 0px 7px; margin: 0px 0px 7px 0px; background: #fff url(images/bkgrd_input.png) bottom left repeat-x; }
fieldset#home legend {margin: 0px 0px; padding: 0px 2px; font: bold 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #fd8300; background: transparent; }
fieldset#home select {padding: 5px 3px; margin-top: 6px; border: 1px solid #ccc; }

#shapeads {font: 12px/16px arial; color: #333; float: right; width: 260px; margin: 0 0px 2em 0; padding-bottom: .5em; background: #e7e7e7 url(images/shapeads_lt.gif) bottom left no-repeat;}
#shapeads A:link {color: #0099ff; text-decoration: none;}
#shapeads A:hover {color: #0099ff; text-decoration: underline;}
#shapeads A:visited {color: #0099ff; font-weight: none;} 
#shapeads h2 {padding: 0.8em 0.5em 0 0; margin: 0em 0 0 0.5em; background: url(images/shapeads_rt.gif) top right no-repeat;}
#shapeads .title {font: bold 16px/22px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #003366; padding: 0em 0.5em 0 0em; margin: 0px 0 0 1em;}
#shapeads img {float: left; border: 0px;}
#shapeads p {margin: -1.2em 1em 2em 1em;}
#shapeads ul {margin: 5px 0px; padding: 0px 0px 10px 40px;}
#shapeads select {padding: padding: 2px 0px 2px 0px; margin-left: 25px; font-weight: normal; font-size: 8pt; background: #000; color: #FFF; font-family: arial;}

#projector-features {margin: 0px 0px 10px 0px;}
#projector-features img {margin-bottom: 4px; border: 1px solid #fff; overflow: hidden;}
#projector-features A:hover img {border: 1px solid #fd8300;}

#authdeal {font: 12px/16px arial; color: #333; float: right; width: 260px; margin: 0 0px 2em 0; padding-bottom: .5em; background: #e7e7e7 url(images/shapeads_lt.gif) bottom left no-repeat;}
#authdeal A:link {color: #0099ff; text-decoration: none;}
#authdeal A:hover {color: #0099ff; text-decoration: underline;}
#authdeal A:visited {color: #0099ff; font-weight: none;} 
#authdeal h2 {font: 12px/12px arial; color: #f90; padding: 1.5em 0.5em 0 0; margin: 0em 0 0 0.5em; background: url(images/shapeads_rt.gif) top right no-repeat;}
#authdeal img {float: left; border: 0px; padding: 0px 0px 15px 15px; margin: -10px 0px 10px 0px;}
#authdeal p {margin: -1.2em 1em 2em 1em;}

#authdealbox {margin-top: 30px;}
#authdealbox ul {list-style-type: none;	width: 630px; margin: 0px; padding: 0px;}
#authdealbox li {border: 1px dotted #999; border-width: 1px 0; margin: 5px 0;}
#authdealbox li a {background: #ffffcc; display: block; font: bold 16px/24px "Century Gothic", "Avant Garde", Futura, Helvetica; color: #fd8300; padding: 5px; text-decoration: none;}
* html #authdealbox li a {width: 630px;}
#authdealbox li a:hover {background: #ffffdd;}
#authdealbox a em {color: #333;	display: block;	font: normal 13px/18px arial; color: #333333; }
#authdealbox a span {color: #fd8300; font: normal 13px/18px arial; font-weight: bold; text-decoration: underline;}

#signup {float: right; width: 262px; height: 200px; background: transparent url(images/bkgrd_signup.gif) no-repeat 0px 0px; margin: 0px 0px 2.2em 0; padding: 0 0 0em 0;}
#signup h1 {padding: 15px 0px 0px 0px; margin: 0px; text-align: center;}
#signup img {padding: 0px; margin: 0px; border: 0px;}
#signup1, #signup2, #signup3, #signupDefault {position:relative; text-align: center; width:240px; display:none; font: normal 12px/16px arial; padding:10px;}
#signupDefault {display: block; text-align: left; margin-top: -5px;}
#signupDefault h3 {font: bold 13px/17px arial; color: #fd8300; padding-bottom: 10px; text-align: center;}
#signupDefault h3 img {vertical-align: top;}
#signupDefault ul {margin: 0px 0px 0px 0px; padding: 10px 0px 15px 10px; list-style: none;}
#signupDefault li {list-style-type: none; display: block; padding: 0px 5px 2px 20px; margin: 0px; background: transparent url(images/li_main.gif) no-repeat 5px 3px;}
#signupDefault A:link {color: #fd8300; font-weight: bold; text-decoration: none;}
#signupDefault A:visited {color: #fd8300; font-weight: bold;}
#signupDefault A:hover {color: #fd8300; text-decoration: underline;}

#quicklinks {font: 10px tahoma; color: #888; background: transparent url(images/bkgrd_quicklinks.gif) repeat-x top; width: 956px; height: 125px; 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; 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 1em; 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;}

#extraDivLogo {position:absolute; top: 38px; left: 14px; width: 320px; height: 100px; background-image: url(images/spacer.gif); margin: 0px;}
#extraDivProjectorExp {position:absolute; top: 725px; left: 570px; width: 100px; height: 238px; background-image: url(images/projector_expert-dave.gif); margin: 0px;}
#extraDivProjectorPromo {position:absolute; top: 148px; left: 868px; width: 72px; height: 30px; background-image: url(promos/images/logo_youtube.png); margin: 0px;}
#extraDivProjectorSale {position:absolute; top: 63px; left: 505px; width: 242px; height: 76px; background-image: url(images/spacer.gif); margin: 0px;}