@charset    "utf-8";

/* CSS Document */

/************************************************************************

	Site: Projector Zone
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Navigation
	3 - Structure/layout
	5 - Footer content
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL
************************************************************************/

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td, span, label
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff url(/img/bg_body.gif) left top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
}

.disappear { margin-left: -9999px; }

a.display
{
	display: block;
	width: 100%;
	height: 100%;
}

br.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

div#logo h1 { height: 99px; }

a
{
	outline: none;
	color: #0F528E;
	text-decoration: none;
}

a:hover { color: #666; }
a img { border: 0px; }

/***********************************************************************
	2 - NAVIGATION
************************************************************************/

div#navContainer
{
	margin: 10px 0 10px 0;
	height: 1%;
}

div#navContainer ul#nav { list-style: none; }

li#projectors, li#screens, li#lamps, li#mounts, li#accessories
{
	float: left;
	height: 30px;
}

li#projectors a:hover, li#screens a:hover, li#lamps a:hover, li#mounts a:hover, li#accessories a:hover { background: none !important; }

/* active state */
li#projectors a#p
{
	background: url(/img/nav_projectors.gif) left top no-repeat;
	width: 191px;
}

li#screens a#s
{
	background: url(/img/nav_screens.gif) left top no-repeat;
	width: 192px;
}

li#lamps a#l
{
	background: url(/img/nav_lamps.gif) left top no-repeat;
	width: 191px;
}

li#mounts a#m
{
	background: url(/img/nav_mounts.gif) left top no-repeat;
	width: 192px;
}

li#accessories a#a
{
	background: url(/img/nav_accessories.gif) left top no-repeat;
	width: 190px;
}

/* hover state */
li#projectors
{
	background: url(/img/nav_projectors-over.gif) left top no-repeat;
	width: 191px;
	border-right: 1px solid #d1cfd1;
}

li#screens
{
	background: url(/img/nav_screens-over.gif) left top no-repeat;
	width: 192px;
	border-right: 1px solid #d1cfd1;
}

li#lamps
{
	background: url(/img/nav_lamps-over.gif) left top no-repeat;
	width: 191px;
	border-right: 1px solid #d1cfd1;
}

li#mounts
{
	background: url(/img/nav_mounts-over.gif) left top no-repeat;
	width: 192px;
	border-right: 1px solid #d1cfd1;
}

li#accessories
{
	background: url(/img/nav_accessories-over.gif) left top no-repeat;
	width: 190px;
}

/* on state */
li#projectors a#pp
{
	background: url(/img/nav_projectors-on.gif) left top no-repeat;
	width: 191px;
}

li#screens a#ss
{
	background: url(/img/nav_screens-on.gif) left top no-repeat;
	width: 192px;
}

li#lamps a#ll
{
	background: url(/img/nav_lamps-on.gif) left top no-repeat;
	width: 191px;
}

li#mounts a#mm
{
	background: url(/img/nav_mounts-on.gif) left top no-repeat;
	width: 192px;
}

li#accessories a#aa
{
	background: url(/img/nav_accessories-on.gif) left top no-repeat;
	width: 190px;
}

/* drop down */
ul#nav li ul
{
	list-style: none;
	position: absolute;
	left: -999em;
	background: #efefef;
	border: 1px solid #deddde;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
	z-index: 7000;
	font-size: 11px;
	padding: 12px 0 0 0;
	width: 100%;
}

ul#nav li ul#pChild, ul#nav li ul#lChild, ul#nav li ul#pChild { width: 191px; }
ul#nav li ul#sChild, ul#nav li ul#mChild { width: 192px; }
ul#nav li ul#aChild { width: 188px; }

ul#nav li ul li
{
	float: left;
	clear: both;
	white-space: nowrap;
	background: none;
	display: block;
	padding: 0 0 4px 0;
	width: 100%;
}

ul#nav li:hover ul, ul#nav li.sfhover ul { left: auto; }

ul#nav li ul li a
{
	text-transform: uppercase;
	text-decoration: none;
	color: #686868;
	display: block;
	cursor: pointer;
	font-weight: bold;
	padding: 3px 0 3px 8px;
}

ul#nav li ul li a:hover
{
	background: #c7c7c7 !important;
	display: block;
	width: 96%;
	color: #333;
}

/***********************************************************************
	3 - STRUCTURE/LAYOUT
************************************************************************/

div#container
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding: 0 0 80px 0;
}

div#header div#logo
{
	background: url(/img/bg_left-logo.jpg) left top no-repeat;
	width: 589px;
	height: 99px;
	float: left;
}

div#header div#topRight
{
	background: url(/img/bg_top-right.gif) left top no-repeat;
	width: 371px;
	height: 80px;
	float: left;
	padding: 19px 0 0 0;
}

div#leftColumn
{
	float: left;
	width: 188px;
	margin: 0 8px 0 0;
}

div#rightColumn
{
	float: left;
	width: 764px;
}

div#brands
{
	background: #fff url(../img/bg_top-left-column.gif) left top no-repeat;
	width: 165px;
	padding: 20px 0px 0px 24px;
	min-height: 400px;
}

div#lamps
{
	/*	background: #fff url(/img/bg_bottom-left-column.gif) left top no-repeat; */
	background: #fff url(/img/bg_top-left-column.gif) left top no-repeat;
	width: 165px;
	padding: 20px 0px 0px 24px;
	min-height: 300px;
}

div#leftColumn h2faux
{
	font: bold 16px Arial,Helvetica,sans-serif;
	color: #0f528e;
	text-transform: uppercase;
}

div#leftColumn ul
{
	list-style: none;
	font-size: 12px;
	padding: 8px 0 20px 0;
}

div#leftColumn ul li
{
	text-transform: uppercase;
	line-height: 120%;
}

div#leftColumn ul li a
{
	color: #7d7d7d;
	text-decoration: none;
}

div#leftColumn ul li a:hover { color: #0f528e; }

div#leftColumn p
{
	text-transform: uppercase;
	font-size: 10px;
}

div#leftColumn p a { text-decoration: none; }

/***********************************************************************
	4 - MAIN CONTENT
************************************************************************/

div#topRight ul
{
	list-style: none;
	text-transform: uppercase;
	font-size: 11px;
	color: #959595;
}

div#topRight ul li span { padding: 0 12px 0 12px; }

div#topRight ul li a
{
	color: #959595;
	text-decoration: none;
}

ul#topEcomLinks
{
	font-weight: bold;
	padding: 0 10px 0 0px;
	float: right;
}

ul#topEcomLinks li { float: left; }

ul#topEcomLinks li#icon_cart
{
	/*	background: url(/img/bg_icon-top-right-cart.gif) left top no-repeat; */
	width: 27px;
	height: 19px;
	margin: 0 0 0 5px;
}

ul#topEcomLinks li#icon_cart img { border: 0px; }

ul#middleEcomLinks
{
	font-weight: bold;
	padding: 0 5px 0 0px;
	float: right;
	clear: right;
	margin-top: 5px;
}

ul#middleEcomLinks li
{
	float: left;
	margin-top: 3px;
}

ul#middleEcomLinks li#icon_account
{
	/*	background: url(/img/bg_icon-top-right-cart.gif) left top no-repeat; */
	width: 27px;
	height: 19px;
	margin: 0 0 0 10px;
}

ul#middleEcomLinks li#icon_account img { border: 0px; }

ul#topSearch
{
	padding: 5px 15px 0 0;
	float: right;
}

ul#topSearch li input#search
{
	width: 100px;
	border: 1px solid #e7e6e6;
	font-size: 11px;
	padding: 2px 2px;
	font-weight: bold;
	font: Arial,Helvetica,sans-serif;
	color: #959595;
	text-align: right;
}

ul#topSearch li input#btn_searchGo
{
	position: relative;
	top: 4px;
	margin: 0 0 0 5px;
}

div#order_now
{
	width: 550px;
	height: 20px;
	position: relative;
	bottom: 22px;
	left: 160px;
	z-index: 10;
}

div#order_now p
{
	font-weight: bold;
	color: #555;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	letter-spacing: 1pt;
}

div#order_now p sm { font-size: 11px; }

div#order_now span.blue
{
	color: #21669d;
	padding-right: 15px;
	padding-left: 15px;
}

div#order_now span.blue a
{
	color: #21669d;
	text-decoration: none;
}

div#order_now span.blue a:hover
{
	color: #ED1C24;
	text-decoration: underline;
}

/***********************************************************************
	5 - FOOTER
************************************************************************/

div#footer
{
	background: #646464 url(/img/bg_footer.gif) left top repeat-x;
	height: 300px;
	padding: 17px 0 16px 20px;
	width: 937px;
}

div#footerCopy
{
	font-size: 10px;
	color: #7d7d7d;
	padding: 10px 0 0 0;
	text-transform: uppercase;
}

div#footerCopy p a
{
	color: #7d7d7d;
	text-decoration: none;
}

div#footerCopy p a:hover
{
	color: #0F528E;
	text-decoration: underline;
}

div#footerCopy span.footerDivider { padding: 0 12px 0 12px; }

div#footer h3
{
	text-transform: uppercase;
	font-size: 14px;
	color: #fff;
	padding: 0 0 10px 0;
}

div#footer ul
{
	float: left;
	list-style: none;
}

div#footer ul li { line-height: 150%; }

div#footer ul li a
{
	text-decoration: none;
	color: #fff;
}

div.footerColumns { float: left; }
div#footProj,
div#footScreens,
div#footLamps,
div#footAccess,
div#footManuf { padding: 0 16px; }
div#footProj { padding-left: 0px; }
div#footManuf { padding-right: 0px; }

div#footScreens
{
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;
}

div#footLamps { border-right: 1px solid #bcbcbc; }
div#footAccess { border-right: 1px solid #bcbcbc; }
div#footAccess ul#footAccessLeft { padding: 0 15px 0 0; }
div#footManuf ul#footAccessLeft2 { padding: 0 15px 0 0px; }
div#footManuf { height: 170px; }

div#footLogos
{
	text-align: center;
	vertical-align: top;
	margin-left: 325px;
	margin-bottom: 45px;
}

div#footLogos p { margin: 20px 10px 25px 10px; }

p#logo_authoizenet
{
	float: left;
	width: 90px;
	height: 72px;
}

p#logo_bbb
{
	float: left;
	width: 53px;
	height: 80px;
}

p#logo_buySafe
{
	float: left;
	width: 77px;
	height: 51px;
	padding-left: 7px;
}

.error1
{
	color: #c00;
	font-size: 16px;
	font-weight: bold;
}