/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 11px tahoma, helvetica, sans-serif; color: #bfbfc0; background: #000 url(../images/bg_body.jpg) no-repeat 50% 0%; }
body#webcam { text-align: center; font: 11px tahoma, helvetica, sans-serif; color: #bfbfc0; background: #000 url(../images/bg_body_webcam.jpg) no-repeat 50% 0%; }
body#home { background-image: none; }
body.family_webcam { background: #000 url(../images/bg_wc_body.jpg) no-repeat 50% 6px; }
table, th, td { font: 11px tahoma, helvetica, sans-serif; color: #bfbfc0; }

a img, :link img, :visited img { border: none; }

a:link { color: #0867b3; text-decoration: none; }
a:visited { color: #0867b3; text-decoration: none; }
a:hover, a:active { color: #70acdb; text-decoration: underline; }

.family_webcam a:link { color: #8a0326; text-decoration: none; }
.family_webcam a:visited { color: #8a0326; text-decoration: none; }
.family_webcam a:hover, .family_webcam a:active { color: #ca0639; text-decoration: underline; }

#skip { display: none; }

#container { margin: 0 auto; width: 760px; text-align: left; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { position: absolute; top: 40px; left: 0px; width: 400px; height: 23px; }
#nav li { float: left; position: relative; height: 23px; text-align: center; font-size: 10px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 23px; text-decoration: none; color: #fff; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 23px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); }

#nav li.displays, #nav li.displays a, #nav li.displays a strong { background-position: 0px 0px; width: 92px; }
#nav li.projectors, #nav li.projectors a, #nav li.projectors a strong { background-position: -92px 0px; width: 111px; }

/* HOVER STATE */
#nav li.displays:hover a, #nav li.displays:hover a strong, #nav li.displays a:hover, #nav li.displays a:hover strong { background-position: 0px -23px; width: 92px; }
#nav li.projectors:hover a, #nav li.projectors:hover a strong, #nav li.projectors a:hover, #nav li.projectors a:hover strong { background-position: -92px -23px; width: 111px; }

/* ON STATE */
#nav li.displayson, #nav li.displayson strong, #nav li.displayson div { background-position: 0px -46px; width: 92px; }
#nav li.projectorson, #nav li.projectorson strong, #nav li.projectorson div { background-position: -92px -46px; width: 111px; }

/* DROP DOWNS */
#nav li table { margin: 0 -1px -1px; border-collapse: collapse; }
#nav li td { font-size: 10px; }
#nav li:hover, * html #nav a:hover { position: relative; }
#nav li li a { font-size: 10px; text-align: center; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display: none; }
#nav li:hover ul, #nav li a:hover ul { display: block; position: absolute; top: 23px; left: 9px; width: 400px; height: 20px; border-top: 1px solid #3f3f3f; }

#nav li:hover li, #nav li a:hover li { float: left; display: block; height: 20px; }
	#nav li:hover li a, #nav li a:hover li a { display: block; text-decoration: underline; line-height: 20px; height: 20px; color: #bfbfc0; background: #000 !important; }
	#nav li:hover li a:hover, #nav li a:hover li a:hover { color: #fff; text-decoration: none; background: #000 !important; }
	#nav li:hover li div, #nav li a:hover li div { float: left; display: block; line-height: 20px; width: auto; height: 20px; color: #484848; text-decoration: none; background: #000 !important; }


/* CONTENT PAGES
------------------------------------------------------------------------------------- */
#header { position: relative; height: 63px; border-bottom: 1px solid #3f3f3f; z-index: 500; }
* html #header { height: 64px; he\ight: 63px; }
	#mainlogo { position: absolute; top: 25px; left: 555px; }

#content { padding: 0 0 60px; position: relative; min-height: 430px; width: 760px; }
* html #content { height: 430px; }
	#flasharea { padding: 40px 0 0; }

	.main_product { position: absolute; top: 0px; left: 0px; width: 760px; }
	.main_product_webcam { position: absolute; top: 16px; left: -30px; width: 760px; }
	.main_desc { padding: 0 10px 0 0; position: absolute; top: 154px; left: 245px; width: 507px; }
	.main_desc_webcam { padding: 0 10px 0 0; position: absolute; top: 71px; left: 304px; width: 470px; }
	* html .main_desc { width: 517px; w\idth: 507px; }
	.family_projector .main_desc { top: 124px; left: 374px; width: 378px; }
	* html .family_projector .main_desc { width: 388px; w\idth: 378px; }
		.main_desc h1 { margin: 0 0 13px 0; }
		.sifred { margin: 0 0 23px; color: #bfbfc0; font-size: 13px; line-height: 18px; }

#inaction { display: block; position: absolute; top: 337px; left: 78px; z-index: 80; }
.family_projector #inaction { top: 342px; left: 118px; }
	#inaction a { color: #fff; font-size: 12px; }

	.col_wrap { position: relative; }
	#col_wrap_webcam { margin-top: -10px; }
		.col { margin: 21px 0 0; width: 232px; float: left; }
		.family_projector .col { width: 215px; }
			.product { padding: 0 0 20px; clear: left; min-height: 59px; }
			* html .product { height: 59px; }
				.th_img { padding: 1px 0 0; width: 80px; height: 59px; float: left; text-align: center; background: url(../images/bg_sm_thumb.gif) no-repeat 0% 0%; }
				* html .th_img { height: 60px; he\ight: 59px; }
				.th_img1 { padding: 1px 0 0; width: 80px; height: 59px; float: left; text-align: center; }
				* html .th_img1 { height: 60px; he\ight: 59px; }
				.desc { margin: 0 40px 0 96px; font-size: 11px; }
					.desc a { font-size: 16px; line-height: 24px; }
				.desc_webcam { margin: 0 40px 0 96px; font-size: 11px; }
				    .desc_webcam a { margin-top: -7px; font-size: 15px; line-height: 24px; color: #ac0129; display: block;}
	.top_wrap { height: 1%; }

	.maincol { position: relative; padding: 0 28px 0 0; width: 563px; float: left; z-index: 50; }
	* html .maincol { width: 591px; w\idth: 563px; }
		.spec_img { position: absolute; top: 65px; left: 0px; }
		.col1 { position: relative; padding: 60px 0 0 8px; width: 272px; float: left; z-index: 10; }
		* html .col1 { width: 280px; w\idth: 272px; }
			.spec_thumb { padding: 0 10px 16px 0; clear: left; min-height: 70px; }
			* html .spec_thumb { height: 70px; }
				.spec_th_img { width: 100px; height: 70px; float: left; }
				* html .spec_th_img { /*\*/margin-right: 15px;/**/ }
					.spec_th_img img {}
				.spec_desc { margin: 0 0 0 116px; line-height: 14px; }
				* html .spec_desc { /*\*/height: 1%; margin-left: 0;/**/ }

	.specs_wrap { padding: 18px 0 0; clear: both; }

		.specs_table { margin-top: 3px; border-bottom: 1px solid #0867b3; }
			.specs_table td { padding: 3px 0 3px 5px; vertical-align: top; border-bottom: 1px solid #1c1c1d; }
			.specs_table td.cat { padding: 3px 5px; width: 109px; text-transform: uppercase; color: #f2b804; font-size: 12px; border-bottom: none; }
			.specs_table td.type { width: 105px; }
			.specs_table .bordertopblue td { padding-top: 12px; border-top: 1px solid #0867b3; }
			.specs_table td.bottom { padding-bottom: 12px; }

		.family_webcam .specs_table { margin-top: 3px; border-bottom: 1px solid #8a0326; }
			.family_webcam .specs_table td { padding: 3px 0 3px 5px; vertical-align: top; border-bottom: 1px solid #1c1c1d; }
			.family_webcam .specs_table td.cat { padding: 3px 5px; width: 109px; text-transform: uppercase; color: #f2b804; font-size: 12px; border-bottom: none; }
			.family_webcam .specs_table td.type { width: 105px; }
			.family_webcam .specs_table .bordertop td { padding-top: 12px; border-top: 1px solid #8a0326; }
			.family_webcam .specs_table td.bottom { padding-bottom: 12px; }

	.subcol { padding: 35px 0 0; position: relative; width: 169px; float: left; z-index: 50; }
	.specs_wrap .subcol { padding: 0; }
		.purchase { margin: 260px 0 0; }
		.family_projector .purchase { margin: 175px 0 0; }
		.subcol p { padding: 0 0 8px; color: #fff; font: 16px helvetica, arial, sans-serif; }
			.subcol .msrp { color: #f2b804; font: 12px helvetica, arial, sans-serif; }
		.tools { margin-top: 3px; padding: 10px 0 0; border-top: 1px solid #0867b3; }
			.tools li { padding: 2px 0 4px; list-style: none; border-bottom: 1px solid #1c1c1d; }
				.tools li a { padding: 1px 0 2px; }
				.tools .email { padding-left: 25px; background: url(../images/icon_email.gif) no-repeat 5px 3px; }
				.tools .print { padding-left: 25px; background: url(../images/icon_print.gif) no-repeat 5px 2px; }
				.tools .download { padding-left: 25px; background: url(../images/icon_download.gif) no-repeat 6px 2px; }
				.tools .pdf { padding-left: 25px; background: url(../images/icon_pdf.gif) no-repeat 5px 0px; }

			.family_webcam .tools { margin-top: 3px; padding: 10px 0 0; border-top: 1px solid #8a0326; }
				.family_webcam .tools .email { padding-left: 25px; background: url(../images/icon_email2.gif) no-repeat 5px 3px; }
				.family_webcam .tools .print { padding-left: 25px; background: url(../images/icon_print2.gif) no-repeat 5px 2px; }
				.family_webcam .tools .download { padding-left: 25px; background: url(../images/icon_download2.gif) no-repeat 6px 2px; }
				.family_webcam .tools .pdf { padding-left: 25px; background: url(../images/icon_pdf2.gif) no-repeat 5px 0px; }

				.tools .last { border: none; }

h1 { text-transform: uppercase; color: #fff; font-size: 16px; font-weight: normal; }
h2 { color: #fff; font-size: 16px; font-weight: normal; }
h3 { color: #fff; font-size: 19px; font-weight: normal; }
h4 { color: #0867b3; font-size: 13px; font-weight: normal; }

#webcam h1 { color: #ac0129; font-size: 40px; font-weight: normal; }
#webcam h2 { margin-top: -8px; color: #fff; font-size: 20px; font-weight: normal; }
#webcam h3 { margin-top: 10px; color: #ac0129; font-size: 15px; font-weight: normal; }

.family_webcam h4 { color: #ac0129; font-size: 13px; }

/* sIFR
------------------------------------------------------------------------------------- */
/* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */
.sIFR-flash { margin: 0; visibility: visible !important;	}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED. */
.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3, .sIFR-hasFlash h4 { visibility: hidden; }
.sIFR-hasFlash .sifred { visibility: hidden; letter-spacing: 1px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } /* FIXES MAC IE */
* html .clearfix { /*\*/height: 1%; display: block;/**/ }

.floatleft { float: left; position: relative; margin: 0 10px 5px 0; }
.floatright { float: right; position: relative; margin: 0 0 5px 10px; }

.borderbottom { border-bottom: 1px solid #0867b3; }
.noborder { border: none; }
.totop { padding: 0 0 0 17px; background: url(../images/arrow_totop.gif) no-repeat 7px 5px; }
.family_webcam .totop { padding: 0 0 0 17px; background: url(../images/arrow_totop2.gif) no-repeat 7px 5px; }
#content .comingsoon { font-weight: bold; color: #f2b804; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }